jquery fadeout 使它后面的图层变暗

Question

非常简单的前提。我有一个 float 图像，我想显示它背后的图像。在 chrome 中工作正常，但在 FF 11 中不行。

$("#floater").fadeOut("slow");  

<div id="bg-image">
 <img id="bg-photo" class="photo" src="../images/blackberry.jpg" alt=""/>        
 <img id="floater" class="floater" src="../images/blackberry_flash.jpg"  alt="" />
</div>

#bg-image .photo 
{
    width: 100%;
    min-width: 1284px;
}

#container {
     width:100%;
     min-width:950px;
     margin-top:-13px;
}


#floater {
    position:fixed; 
    z-index:4;
    top:200px;
    left:200px;
}

它不是仅仅淡化以显示 z-index 0 处的图像，而是将该区域淡化为黑色。我的背景是白色的，没有其他 CSS 可以真正干扰。

Answer 1

这是一个 Firefox 错误。它从 10 版开始就具有硬件加速功能。想知道为什么他们不将修复程序滚动到 11。

解决方法:在实际 div(不是父 div)的背景中添加白色 http://weblog.scanyours.com/2011/01/05/howto-solving-the-firefox-opacity-bug/

原始错误: https://bugzilla.mozilla.org/show_bug.cgi?id=723524