CSS中怎么写能让IE8显示出来 火狐不显示出来

html-css014

CSS中怎么写能让IE8显示出来 火狐不显示出来,第1张

尊敬的用户,您好!很高兴为您答疑。

以color属性为例,

color:#ff0000/*一般属性ff*/

color:#ff0000\9/*仅针对ie8有效*/

*color:#ff0000/*仅针对ie7有效*/

_color:#ff0000/*仅针对ie6有效*/

希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。

各浏览器兼容性css写法

/* 针对Chrome谷歌浏览器内核支持的CSS样式 */

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

样式 /* 例如 .font1 {color:red} */

}

针对Firefox浏览器的内核CSS写法:

@-moz-document url-prefix(){

样式 /* 例如 .font1 {color:red} */

}

如果只让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:#f00color:#f60\9 +color:#00FF00 _color:#0000FF}

从左到右分别对应 FireFoxsIE8 IE7 IE6

还有写css样式一定要记住顺序:

以下为引用的内容:

#1 { color: #333} /* Moz */

* html #1 { color: #666} /* IE6 */

*+html #1 { color: #999} /* IE7 */