今天遇到个小问题,做好的网站,在ie6中出了问题,查出来是margin的问题,对ie6单独设的margin没起到作用。在网上搜了一下,发现是加了important属性的margin放的位置不对,大家看下下面的例子,就会明白了:
<style type="text/css">
.a{color:blue;color:red !important;}
.b{color:red !important;color:green;}
.b{}
</style>
<body>
<a class="a" href="#" >真></a>
<a class="b" href="#">正的></a>
</body>
相信大家都能看的出来区别在哪了!!!下面这段是摘录的:
区别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实现第三句。