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

古城微笑少年丶 2022-10-09 12:17 104阅读 0赞

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

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

CSS代码：

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

html代码: 

  1. <div id=”body”>
  2. <ul>
  3. <li>FF下蓝边</li>
  4. <li>IE6下红边</li>
  5. <li>IE7下绿边</li>
  6. <li>IE8下黄边</li>
  7. </ul>
  8. </div>

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

发表评论

表情：
评论列表 （有 0 条评论，104人围观）

还没有评论，来说两句吧...

相关阅读