CSS兼容IE6,IE7和FF的总结
CSS hack:针对IE6,IE7,firefox显示不同效果
做网站时经常会用到,衡量一个DIV CSS架构师的水平时,这个也很重要。
区别不同浏览器的CSS hack写法:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
<table style="border-collapse: collapse; table-layout: fixed" border="1" cellspacing="0" bordercolor="#cccccc" width="500"> <tbody> <tr> <td> </td> <td>IE6</td> <td>IE7</td> <td>FF</td> </tr> <tr> <td>*</td> <td>√</td> <td>√</td> <td>×</td> </tr> <tr> <td>!important</td> <td>×</td> <td>√</td> <td>√</td> </tr> </tbody> </table>
------------------------------------------------------
另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。
<table style="border-collapse: collapse; table-layout: fixed" border="1" cellspacing="0" bordercolor="#cccccc" width="500"> <tbody> <tr> <td> </td> <td>IE6</td> <td>IE7</td> <td>FF</td> </tr> </tbody> </table>
</td> </tr> </tbody> </table>您可能感兴趣的文章:
CSS兼容IE6,IE7和FF的总结
css里的!important意思?
CSS hack在IE6,IE7,firefox用法与区分
CSS完美兼容IE6/IE7/FF的通用方法
IE6,IE7 DIV固定高度的技巧
关于IE6、IE7和FF最简单的CSS hack技巧
css 图片垂直居中(兼容各主流浏览器,含IE6/IE7)
css ie ff 中hack 写法详解
Jquery在IE7下无法使用 $.ajax解决方法
css ie6 ie7 firefox兼容写法