写页面设计的朋友们,经常为浏览器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>
<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的属性、重写颜色为红边。