之前总能碰到一种问题,就是你定义好了一些东西的背景,但在IE6最后显示的时候背景不是你设置的那个,左看右看也发现不了这个离奇的现象,今天我终于找到了问题所在。
.button{style}
.button.active{style}
我们有的时候会定义这样的class来解决
<div class=”button active”></div>
这样的需要。
常用的浏览器都没有什么问题,单单这么写IE6也没事,但是你要这么写了
.button{style}
.input{style}
.button.active{style:background:url[1]}
.input.active{style:background:url[2]}
就来事了,IE6会任性地把.button.active的url[1]替换成url[2]。
然后,我就疯了!
.button{style}
.input{style}
.button .active{style:background:url[1]}
.input .active{style:background:url[2]}
这样的写法是不存在问题的。
.button{style}
.input{style}
.button.active{style:background:url[1]}
.input.activea{style:background:url[2]}
这样的写法也是不存在问题的。
然后,然后~我吃药去