《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支持而進行的排列組合