找到一个IE6不兼容的hack,然后……我疯了

之前总能碰到一种问题,就是你定义好了一些东西的背景,但在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]}

这样的写法也是不存在问题的。

然后,然后~我吃药去

发表回复