IE 8 9 10、火狐、谷歌之间css的兼容问题

IE、火狐、谷歌三个之间的样式兼容问题,怎么来控制,比如一个文本框,在IE下高32px,那么在火狐上就会多5px,在谷歌上会少5px,怎么控制三个浏览器之间的兼容问题。

针对每个浏览器写 CSS hack 代码,写这些hack的时候要注意顺序,代码写法如下:

\9 :IE6、IE7、IE8都能识别
\0 :仅IE8识别
* :IE6、IE7能识别
*+ :仅IE7能识别
_ :仅IE6能识别
\0\9或\9\0 :仅IE9能识别
IE10支持媒体查询,然后也支持-ms-high-contrast这个属性,所以,我们可以用它来hack ie10:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-specific styles go here */
}
==================================================
比如height可以这样写:

.text {
height: 32px !important ; /*IE7、火狐都能识别*/
height: 32px \9; /*IE6、IE7、IE8都能识别*/
height: 32px \0\9; /*IE9都能识别*/
height: 32px; /*最后一个普通样式,留给chorme*/
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.text {
height: 32px; /* IE10外层用@media screen包含,即可正常识别 */
}
}
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-11-05
兼容不能控制,需要脚本程序,如果不想那么麻烦,“!important”优先级,可以实现,

另外,写CSS的时候,多测试,尽量用可以兼容的语句,
第2个回答  2013-11-05
html网页可以参考W3C标准 http://www.w3school.com.cn/w3c/w3c_html.asp本回答被提问者采纳

IE8 ,火狐,谷歌不兼容 其它兼容 怎么调
火狐:padding-top:65px; ie8:padding-top:85px\\0; ie7:+padding-top:85px; ie6:_padding-top:85px; *号是代表所有ie,具体你要看看是ie几的问题 希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。

如何在css中如何,做谷歌、ie9、火狐这3个浏览器的兼容性
谷歌 IE9 火狐 三个浏览器对CSS的要求基本上差不多,不过也不能说完全一样,有时候在IE下默认居左,在火狐下会出现居中, 只要添加相应的属性即可,最麻烦的还属IE6 7 ,如果不考虑的话,就简单多了

...是不是我的css写的够详细,够全面,就能兼容IE8,IE9,火狐,谷歌...
这个主要是需要为ie8、9编写其不支持的某些css特效。firefox和chrome对css的支持度比较好,不太容易出现问题。

有懂CSS hack的吗 我这么兼容IE8 IE9 IE10怎么不行啊
margin-top:9px;margin-top:8px\\0;margin-top:9px\\9\\0;这三句ie8都能识别出来,根据顺序,组后的那个优先级最高,所以IE8下还是9px;\\9 :IE6、IE7、IE8都能识别 \\0 :仅IE8识别 :IE6、IE7能识别 + :仅IE7能识别 _ :仅IE6能识别 IE9、IE10未测试暂时不知道 写这些h...

IE8中float的CSS与谷歌浏览器,火狐不兼容怎么办?IE8遇到float就会换行怎...
您好!很高兴为您答疑!1、float的父级加 overflow:hidden2、右浮动要先写在前面04-25事实上您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

浏览器css兼容问题(css兼容ie)
怎么解决浏览器的css样式兼容问题 有两种方法: 1、在同一个CSS样式表中,使用!important来定义不同的值以适应Firefox和IE。圆带帆 例如: padding:20px!important;\/ForFirefox\/ padding:10px;\/ForIE\/ (注意这里IE6是无法识别,important这个标记的,但它会识别padding:20px,所以要在后面加上padding:10px用来覆盖padd...

ie6 ie7 ie8 ie9和FireFox Chrome中css区别总结
important, IE 则忽略, 可用 !important 为 FF 特别设置样式6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行7.cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以8.FF: 链接加边框...

...器打开怎么就乱七八糟的啊。(网页布局用div+css的)
您好!很高兴为您答疑!网页兼容问题,不同浏览器,可以通过设置HACK的方式让其兼容,注意W3C标准,这样火狐下就没有问题,然后针对IE再做调整,这样比较方便。您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

兼容模式下ie9和ie10显示样式在不兼容模式下为什么不加载css样式
造成IE9以上浏览器无法加载CSS样式表的,有几个可能的原因,一个可能是你的CSS样式引用的书写方式不正确,导致在IE9和IE10下面无法通过MIME的检查,如果是这个原因,在代码里面修改一下css样式引用的方法就行了。另外一个可能的原因,可能是你在电脑里面安装了代理软件或者其他什么与代理相关的软件,如...

CSS一开始要怎么做才能让IE跟火狐都兼容呢
2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如: <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;\/*IE下理解为10px*\/ display:inline;\/*IE下再理解为5px*\/} 3.浮动ie产生的双倍...

相似回答