看懂《CSS hack浏览器兼容一览表》

前端  /  管理员 发布于 7年前   286

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支持而进行的排列组合