各种浏览器兼容篡位的

css

样式写法

/*

针对谷歌浏览器内核支持的

CSS

样式

*/ 

@media screen and (-webkit-min-device-pixel-ratio:0) { 

样式

} 

/*

针对

IE6

特制识别的

CSS

样式

*/ 

*HTML .SearchBox 

{ 

样式

} 

针对

Firefox

浏览器的内核

CSS

写法：

@-moz-document url-prefix() { 

.font1 {color:red} 

} 

IE8

就是自己来调试了。调试一个浏览器，有不合适的地方可以在该内核

css

中重写对应的

方法，

只需把不合适的样式重写即可实现。

*HTML

中则例外，

需要每重写一个都要加

*HTML

单独处理。

针对样式名

如果只让

ie6

看见用

*html .head{color:#000;} 

如果只让

ie7

看见用

*+html .head{color:#000;} 

如果只让

ff

看见用

:root body .head{color:#000;} 

如果只让

ff

、

IE8

看见用

html>/**/body .head{color:#000;} 

如果只是不让

ie6

看见用

html>body .head{color:#000;} 

即对

IE 6

无效

如果只是不让

ff

、

IE8

看见用

*body .head{color:#000;} 

即对

ff

、

IE8

无效

针对具体属性

如果只让

ie6

看见用

_ 

.head{_color:#000;} 

如果只让

ie7

看见用

+

与

_

结合的方法

: 

.head{+color:#f00;!;_color:#000;} 

IE8

正式版

hack 

\9

″

例

:

”

margin:0px auto\9;

”

.

这里的”

\9

″可以区别所有

IE8

和

FireFox. 

“

*

”

IE6

、

IE7

可以识别

.IE8

、

FireFox

不能

. 

“

_

”

IE6

可以识别”

_

”

,IE7

、

IE8

、

FireFox

不能

. 

如：

.a {color:#f00; 

color:#f60\9; 

+color:#00FF00; 

_color:#0000FF; } 

从左到右分别对应

FF,IE8 IE7 IE6 

还有写

css

样式一定要记住顺序：