教程集 www.jiaochengji.com
教程集 >  CSS教程  >  正文 CSS兼容IE6,IE7和FF的总结

CSS兼容IE6,IE7和FF的总结

发布时间:2019-10-25   编辑:jiaochengji.com
教程集为您提供CSS兼容IE6,IE7和FF的总结等资源,欢迎您收藏本站,我们将为您提供最新的CSS兼容IE6,IE7和FF的总结资源
<table style="table-layout: fixed"> <tbody> <tr> <td>

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兼容写法

[关闭]
~ ~