偷情一区二区,男人综合网,中文字幕资源站,人妻被黑人邻居精服

新聞中心
長沙做網(wǎng)站不同瀏覽器都能兼容的網(wǎng)站設(shè)計(jì)代碼
信息來源:長沙做網(wǎng)站  /  發(fā)布時(shí)間:2012-11-30  /  瀏覽數(shù)量:
       IT市場越是發(fā)達(dá),可供網(wǎng)民們使用的網(wǎng)絡(luò)工具就越多,這其中包括各色各樣的瀏覽器,不同風(fēng)格不同習(xí)慣的瀏覽器雖然在最大程度上滿足了不同愛好的網(wǎng)民朋友但卻給網(wǎng)站設(shè)計(jì)師們帶來了困惑,為了能讓自己的網(wǎng)站設(shè)計(jì)正常的運(yùn)行于各種瀏覽器平臺,網(wǎng)站設(shè)計(jì)師們不得不想盡辦法處理好網(wǎng)站設(shè)計(jì)中的瀏覽器兼容問題。正是因?yàn)榫W(wǎng)站設(shè)計(jì)當(dāng)中的這一需要產(chǎn)生了一項(xiàng)新技術(shù)— CSS Hack。
        CSS Hack 就是針對不同瀏覽器寫出不同的 CSS code 的過程,主要用來解決目前各類瀏覽器無法標(biāo)準(zhǔn)解析CSS樣式,導(dǎo)致同一網(wǎng)站設(shè)計(jì)頁面在不同瀏覽器下出現(xiàn)顯示效果不一致的兼容問題。
        針對不同瀏覽器,我們可以將CSS Hack 網(wǎng)站設(shè)計(jì)代碼整理如下:
        1、針對I E 系列瀏覽器的網(wǎng)站設(shè)計(jì)代碼
        針對 IE 6 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼
        #id{
        _display: block;
        }    
        也就是在網(wǎng)站設(shè)計(jì)CSS屬性前加一個(gè)小劃線就好。
        針對 IE 7 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼
        #id{
        *display: block;
         } 
        即在網(wǎng)站設(shè)計(jì)CSS屬性前加上一個(gè)星號即可
        針對 IE 8 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼
        #id{
        margin-top: 10px \9; /*IE8*/
        }
        如上所示,解決辦法為在網(wǎng)站設(shè)計(jì)CSS屬性后分號前加上空格與斜線并加入一個(gè)數(shù)字9即可
        2、針對火狐的CSS Hack 網(wǎng)站設(shè)計(jì)代碼
        火狐可謂是最標(biāo)準(zhǔn)的瀏覽器之一了,網(wǎng)站設(shè)計(jì)技術(shù)只要稍稍不到位就能體現(xiàn)得淋漓盡致,所以不少網(wǎng)站設(shè)計(jì)師也很頭痛,其實(shí)想要解決火狐的兼容性除了要把網(wǎng)站設(shè)計(jì)的基礎(chǔ)知識扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix(){ } 里面就行了
        @-moz-document url-prefix()
        {
         #id{ display: block; }
         }
        3、針對 Safari 的CSS Hack 網(wǎng)站設(shè)計(jì)代碼
        Safari是蘋果計(jì)算機(jī)的最新作業(yè)系統(tǒng)Mac OS X中新的瀏覽器,用來取代之前的Internet Explorer for Mac,它使用了KDE的KHTML作為瀏覽器的運(yùn)算核心。
        @media screen and (-webkit-min-device-pixel-ratio:0)
        {
         #id { display: block; }
         }
       它的兼容性做法和火狐相近。
        4、針對 Opera 的CSS Hack 網(wǎng)站設(shè)計(jì)代碼
        Opera即Opera Software ASA,是臺式機(jī)、各種設(shè)備和移動網(wǎng)絡(luò)瀏覽器市場的商業(yè)領(lǐng)袖,因快速、小巧和比其他瀏覽器更佳的標(biāo)準(zhǔn)兼容性獲得了國際上的最終用戶和業(yè)界媒體的承認(rèn),并在網(wǎng)上受到很多人的推崇。
        @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
        {
        head~body #id { display: block; }
        }
        這個(gè)世界上必然不會存在絕對完美的事物,因此運(yùn)用以上方法讓我們的網(wǎng)站設(shè)計(jì)更好的與各種瀏覽器兼容的時(shí)候其實(shí)已經(jīng)違反了網(wǎng)站制作的W3C標(biāo)準(zhǔn),但如果網(wǎng)站都不能正常打開,那些所謂的標(biāo)準(zhǔn)又有什么意思呢?這需要根據(jù)實(shí)際情況來取決。



上一條: 邵新公路后續(xù)工程排定時(shí)間表 12月底全面竣工 邵陽到新寧的路修的怎么樣了
下一條: 關(guān)于網(wǎng)站設(shè)計(jì)CSS書寫的高效提升法
相關(guān)熱門資訊  News
一二三客戶案例

  123 NETWORK

合作共贏,助您打開網(wǎng)絡(luò)營銷財(cái)富之間!

聯(lián)系方式

地址:湖南省長沙市天心區(qū)韶山南路248號南園503室

電話:13637482004    0731-88571521

網(wǎng)址:http:///

郵箱:123@123007.com

微信咨詢

掃一掃進(jìn)移動端

版權(quán)所有 © 長沙一二三網(wǎng)絡(luò)技術(shù)有限公司    統(tǒng)一社會信用代碼:91430103MACCH7984M    網(wǎng)站ICP備案號:湘ICP備2023006748號     湘公網(wǎng)安備 43010302001803號