看懂《CSS hack瀏覽器兼容一覽表》_CSS教程

CSS hack瀏覽器兼容一覽表

《CSS hack瀏覽器兼容一覽表》在很多的網站都是以一個圖片的形式出現，所以許多讀者不能理解它的實現的用法，例如：p\roperty:value; ，這句到底是什么意思，其實只要你去了原文地址看它的代碼例子就一目了然了，下面舉了幾個實例，供參考。

 

 

voice-family:”\”}\”";
voice-family:inherit;
property:value;

 

 

<STYLE type=text/css>
#test-span {
voice-family:"\"}\"";
voice-family:inherit;
color:green;
}
</STYLE>

p\roperty:value;

<style type="text/css">
#test-span {
c\olor:green;
}
</style>

/*/*/property:value;/* */

<style type="text/css">
#test-span {
/*/*/ color:green; /* */
}
</style>

/*/*//*/property:value;/* */

<style type="text/css">
#test-span {
/*/*//*/ color:green; /* */
}
</style>

 

 

div#test

<style type="text/css">
span#test-span {
color:green;
}
</style>

head:first-child body div

<style type="text/css">
head:first-child body #test-span {
color:green;
}
</style>

Windows，Mac OS X，Macintosh，Other，這些都是操作系統名稱，具體操作系統介紹點擊相應鏈接。

 

 

IE, Mz, Ns, Op是指瀏覽器名稱，原文有各瀏覽器相應地址鏈接點擊進入了解相關知識

7, 6, 5.5, 5, 4瀏覽相應版本號

Y,N指名瀏覽器在不同的操作系統中是否支持的HACK

很多CSS　HACK應用中，都是利用各版本的獨有的HACK支持而進行的排列組合