前端设计

兼容IE6,IE7,IE8,Firefox的CSS HACK写法

2013-02-16

你对兼容IE6,IE7,IE8,Firefox浏览器的方法是否熟悉,这里和大家分享一下全面兼容IE6,IE7,IE8,Firefox的CSS HACK写法,希望对你的学习有所帮助。

全面兼容IE6,IE7,IE8,Firefox的CSS HACK写法

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

CSS代码:

  1. <styletypestyletype=”text/CSS”> 
  2. #body{  
  3. border:2pxsolid#00f;/×Firefox的属性×/  
  4. border:2pxsolid#090\9;/×IE6/7/8的属性×/  
  5. border:2pxsolid#F90\0;/×IE8支持×/  
  6.  
  7. _border:2pxsolid#f00;/×IE6的属性×/  
  8. }  
  9.  
  10. </style> 

Html代码:

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

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