各种浏览器兼容篡位的
css
样式写法
/*
针对谷歌浏览器内核支持的
CSS
样式
*/
@mediascreenand(-webkit-min-device-pixel-ratio:0){
样式
}
/*
针对
IE6
特制识别的
CSS
样式
*/
*HTML.SearchBox
{
样式
}
针对
Firefox
浏览器的内核
CSS
写法:
@-moz-documenturl-prefix(){
.font1{color:red}
}
IE8
就是自己来调试了。调试一个浏览器,有不合适的地方可以在该内核
css
中重写对应的
方法,
只需把不合适的样式重写即可实现。
*HTML
中则例外,
需要每重写一个都要加
*HTML
单独处理。
针对样式名
如果只让
ie6
看见用
*html.head{color:#000;}
如果只让
ie7
看见用
*+html.head{color:#000;}
如果只让
ff
看见用
:rootbody.head{color:#000;}
如果只让
ff
、
IE8
看见用
html>/**/body.head{color:#000;}
如果只是不让
ie6
看见用
html>body.head{color:#000;}
即对
IE6
无效
如果只是不让
ff
、
IE8
看见用
*body.head{color:#000;}
即对
ff
、
IE8
无效
针对具体属性
如果只让
ie6
看见用
_
.head{_color:#000;}
如果只让
ie7
看见用
+
与
_
结合的方法
:
.head{+color:#f00;!;_color:#000;}
IE8
正式版
hack
\9
″
例
:
”
margin:0pxauto\9;
”
.
这里的”
\9
″可以区别所有
IE8
和
FireFox.
“
*
”
IE6
、
IE7
可以识别
.IE8
、
FireFox
不能
.
“
_
”
IE6
可以识别”
_
”
,IE7
、
IE8
、
FireFox
不能
.
如:
.a{color:#f00;
color:#f60\9;
+color:#00FF00;
_color:#0000FF;}
从左到右分别对应
FF,IE8IE7IE6
还有写
css
样式一定要记住顺序: