JQuery IE <div>不透明度问题

Question

我有IE的问题.我有一个具有这种风格的图层,使其透明和全屏.

position:absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: #000000;
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
z-index: 1;

我使用JQuery方法fadeIn和fadeOut来显示和隐藏它.好吧,在Opera锁定很好,但IE7只是覆盖了风格,并将其设置为100%不透明度.它甚至褪色!

Answer 1

Peter-Paul Koch有一篇关于不透明度的精彩文章.一般来说,quirksmode.org是我解决浏览器兼容性问题的第一个地方; PPK做了大量的研究.也就是说,你看起来你已经拥有了所有合适的样式 - 即使你给它一个目标不透明度,jquery的fadein实现也没有做正确的事情吗？

你可以通过将声明的CSS设置为完全不透明但可见:false来解决问题,然后使用fadeto来获得目标不透明度吗？