兼容IE6,IE7,IE8,Firefox的CSS HACK写法

展开全文

兼容IE6,IE7,IE8,Firefox的CSS HACK写法

写页面设计的朋友们，经常为浏览器CSS的兼容性头痛不已，这里向大家描述一下全面兼容IE6,IE7,IE8,Firefox的CSS HACK写法，相信本文介绍一定会让你有所收获。

AD：2013云计算架构师峰会超低价抢票
中

你对兼容IE6,IE7,IE8,Firefox浏览器的方法是否熟悉，这里和大家分享一下全面兼容IE6,IE7,IE8,Firefox的CSS HACK写法，希望对你的学习有所帮助。

全面兼容IE6,IE7,IE8,Firefox的CSS HACK写法

写页面设计的朋友们，经常为浏览器CSS的兼容性头痛不已，经过本人的仔细研究发现一种好的写法，现在与大家分享CSS HACK写法。

CSS代码：

<styletypestyletype=”text/CSS”> 
#body{  
border:2pxsolid#00f;/*Firefox的属性*/  
border:2pxsolid#090\9;/*IE6/7/8的属性*/  
border:2pxsolid#F90\0;/*IE8支持*/  
 
_border:2pxsolid#f00;/*IE6的属性*/  
}  
 
</style>

Html代码:

<dividdivid=”body”> 
<ul> 
<li>Firefox下蓝边</li> 
<li>IE6下红边</li> 
<li>IE7下绿边</li> 
<li>IE8下黄边</li> 
</ul> 
</div>

注:CSS顺序不能写错，因为Firefox不认识\9,\0,_写法,所以为蓝边;\9是IE6，IE7，IE8的属性,下面代码并没有重写IE7的代码，所以IE7下绿边;同理,\0为IE8属性，相当于重写了颜色，所以IE8下为黄边,_是IE6的属性,重写颜色为红边。