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



上一條： 邵新公路后續工程排定時(shí)間表 12月底全面竣工 邵陽(yáng)到新寧的路修的怎么樣了
下一條： 關(guān)于網(wǎng)站設計CSS書(shū)寫(xiě)的高效提升法