前段时间刚刚专门研究了的针对IE8的CSS hack,不过很多朋友还是问我一些其他浏览器的css hack,其实我还真的没有去研究过,今天有个朋友又问我了,我也称这个机会学习了一下。
主要hack如下:
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\9; /* 所有浏览器IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
[color:#000000;color:#00FF00; /* SF,CH支持 */
*color:#FFFF00; /* IE7支持 */
_color:#FF0000; /* IE6支持 */
}
另外随着google Chrome和Safari浏览器的流行,找google Chrome和Safari CSS hack的人也不少。我也找了一下:
body:nth-of-type(1) .CH{
color: #FF0000;/* 这是专门针对Chrome和Safari的CSS hack */
}
做了个简单的页面,大家可以使用各个浏览器测试一下.
主要hack如下:
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\9; /* 所有浏览器IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
[color:#000000;color:#00FF00; /* SF,CH支持 */
*color:#FFFF00; /* IE7支持 */
_color:#FF0000; /* IE6支持 */
}
另外随着google Chrome和Safari浏览器的流行,找google Chrome和Safari CSS hack的人也不少。我也找了一下:
body:nth-of-type(1) .CH{
color: #FF0000;/* 这是专门针对Chrome和Safari的CSS hack */
}
做了个简单的页面,大家可以使用各个浏览器测试一下.
其中:OP表示Opera,SA表示Safari,Ch表示Chrome;