全面兼容ie6,ie7,ie8,ff的CSS HACK写法

当前位置 : 首页 > 网页制作 > CSS > 全面兼容ie6,ie7,ie8,ff的CSS HACK写法

全面兼容ie6,ie7,ie8,ff的CSS HACK写法

来源: 作者: 时间:2015-11-23 09:25
写页面设计的朋友们,经常为浏览器CSS的兼容性头痛不已,经过本人的仔细研究发现一种好的写法,现在与大家分享.
写页面设计的朋友们,经常为浏览器CSS的兼容性头痛不已,经过本人的仔细研究发现一种好的写法,现在与大家分享.
CSS代码:

复制代码
代码如下:

<style type=”text/css”>
#body {
border:2px solid #00f; /*ff的属性*/
border:2px solid #090\9; /* IE6/7/8的属性 */
border:2px solid #F90\0; /* IE8支持 */
_border:2px solid #f00; /*IE6的属性*/
}
</style>

html代码:

复制代码
代码如下:

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

注:css顺序不能写错,因为ff不认识\9,\0,_写法,所以为蓝边;\9是IE6,7,8的属性,下面代码并没有重写IE7的代码,所以IE7下绿边;同理,\0为ie8属性,相当于重写了颜色,所以IE8下为黄边,_是ie6的属性,重写颜色为红边.
Tag:
上一篇:[Div+CSS教程]
下一篇:[浏览器兼容教程]
网友评论

<