当前位置:首页 > 网页设计 > CSS > 正文

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

网页制作Webjx文章简介:《CSS hack浏览器兼容一览表》在很多的网站都是以一个图片的形式出现,所以许多读者不能理解它的实现的用法,例如:p\roperty:value; ,这句到底是什么意思,其实只要你去了原文地址看它的代码例子就一目了然了,下面举了几个实例,供参考。

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

上一篇:闭合浮动元素让CSS代码更规范 下一篇:深入分析网页CSS隐藏文字和以图换字技术