首页 > 代码库 > 兼容IE6,IE7和firefox可以使用的一些css hack:
兼容IE6,IE7和firefox可以使用的一些css hack:
.一些问题是浏览器自身的问题,遇到问题发生无法避免的情况下,那就要考虑使用一些css hack了,以下是针对
IE6,IE7和firefox可以使用的一些css hack:
(1)
a: 针对区别IE6 和IE7/firefox, 可以在要区别的代码后面跟上!important
注意:ie6也认识!important;只要ie7/ie8/ff优先执行!important的属性。
例:#test{
float:left;
(1)
(2)
}
最终显示:ie6下test是红色,而ie7/ie8/ff优先执行(1),所以test是蓝色
b:针对IE7/firefox 在css的前面加 [xmlns], 如下面的left属性,如果我想要只针对IE7/IE8/firefox起作用,写法如
下:
[xmlns] #ltest {
line-height: 28px; color: rgb(101, 95, 87); font-size: 16px; orphans: 2; widows: 2;"> border:4px solid #999;
padding:5px;
width:200px;
height:200px;
}
c: 只针对IE6起作用
(1)可以在属性前面加上下划线:
*html #test {
_ line-height: 28px; color: rgb(101, 95, 87); font-size: 16px; orphans: 2; widows: 2;">}
(2)可以在css前面加* html,如:
*html #test {
line-height: 28px; color: rgb(101, 95, 87); font-size: 16px; orphans: 2; widows: 2;">}
d: 只针对IE7起作用,在css里前面加*+html,如:
*+html #test {
}
e:针对ie6/ie7/ie8认识,ff不认识,在css属性值后边加\9,如:
#test {
}
(2)
//将所有ie7以上的浏览器降级到ie7,就不用调节ie8以及以上的兼容了
兼容IE6,IE7和firefox可以使用的一些css hack: