码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-05-30 22:12:39      阅读:341      评论:0      收藏:0      [点我收藏+]

标签:c   style   class   blog   code   a   

写三句代码来控制一个属性,区别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实现第三句。

解决IE6、IE7、Firefox兼容最简单的CSS Hack,布布扣,bubuko.com

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

标签:c   style   class   blog   code   a   

原文地址:http://www.cnblogs.com/aobingyan/p/3760097.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!