首页 > 代码库 > 兼容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以及以上的兼容了

 
出处:http://xiaogai1010.blog.163.com/blog/static/137170308201224094398/

兼容IE6,IE7和firefox可以使用的一些css hack: