又是那无比强大的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强力的把相对超出的部分弄没了....
神人们过来指导下~~~