ie浏览器样式兼容写法_各种浏览器兼容的css样式写法

各种浏览器兼容篡位的

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

样式一定要记住顺序：