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