解决IE6、IE7、Firefox兼容最简单的CSS Hack

  写三句代码来控制一个属性,区别Firefox,IE7,IE6:

    background:orange;
*background:green !important;
*background:blue;

    说明:这段代码会使在Firefox中,背景呈橙色;IE7中为绿色;IE6中为蓝色。

 道理如下,Firefox不能识别*,所以后面两句都不执行,直接执行第一句;IE7三个都能识别,但是由于有第二句important的作用,

 所以就执行了第二句代码;IE6不能识别!imprtant,按照最新原则,那就理所当然的执行了最后一句。

    background:orange;
*background:green;
_background:blue;

    Firefox不支持*和_,所以只实现第一句;IE7不支持_,所以实现第二句;IE6实现第三句。

posted @ 2011-09-10 16:57  jinrui  阅读(155)  评论(0编辑  收藏  举报