你对兼容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>
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
Html代码:
<dividdivid=”body”>
<ul>
<li>Firefox下蓝边</li>
<li>IE6下红边</li>
<li>IE7下绿边</li>
<li>IE8下黄边</li>
</ul>
</div>
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
注:CSS顺序不能写错,因为Firefox不认识\9,\0,_写法,所以为蓝边;\9是IE6,IE7,IE8的属性,下面代码并没有重写IE7的代码,所以IE7下绿边;同理,\0为IE8属性,相当于重写了颜色,所以IE8下为黄边,_是IE6的属性,重写颜色为红边。
【编辑推荐】
- CSS Hack的基本原理和实现方式
- IE8浏览器中正式版CSS hack技术用法
- 深入探究DIV CSS布局中position属性用法
- CSS属性display:inline-block使用揭秘
- CSS display:block显示布局错乱解决方案