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

2024-12-01 05:42:09
推荐回答(3个)
回答1:

针对每个浏览器写 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包含,即可正常识别 */
}
}

回答2:

兼容不能控制,需要脚本程序,如果不想轮轿那么麻烦,“!important”优先皮桐慎级,可以实现,

另外,写CSS的时候燃敬,多测试,尽量用可以兼容的语句,

回答3:

html网型肆慧卜答页可以参考雹颂W3C标准 http://www.w3school.com.cn/w3c/w3c_html.asp