还是那该死的IE~~~

又是那无比强大的IE....

这是今天在 IE8 里面遇到的一个问题

<style type="text/css">

div{filter:alpha(opacity=100);}

a{ color:#000}

a:hover{color:#f60; background:#ccc}

</style>

<div><a href="/">Internet Explorer 8</a></div>

很无语，伪类失效了~~~ 字体颜色不变了，背景色也不变了，啥都不变了....

­

触发的情况也是乱七八糟，把a:hover里面的background去掉，bug消失，这不是根本办法，我就是要在hover里面添加background怎么办？好吧，看看外面的div里面的滤镜是不是早就觉得有点碍眼？是的，去掉吧，恩，bug消失，可是这又算是解决办法吗？如果我就是要在外面的容易添加透明度怎么办？我也不知道~~~

­

继续把上面的样式改成这样

<style type="text/css">

div{filter:alpha(opacity=100); position: relative; background:#39F;}

a{ color:#000; position:absolute}

a:hover{color:#f60; background:#ccc}

</style>

bug消失，哦哦哦，不过如果我在外面的div里面加上个z-index:1，bug又来了~~~并且什么都没了，消失了...愈演愈烈 神啊~~

­

-------------------------------------------------------------------------------------------------------

­

第二个问题

­

­

<div style="300px; height:300px; position:absolute; background:#999;filter:alpha(opacity=50);opacity:0.5 ">

<div style="100%; height:100%; position:relative; top:-5px; left:-5px; background:#099"></div>

</div>

­

IE6,7强力的把相对超出的部分弄没了....

­

神人们过来指导下~~~