jquery - jquery淡出使它后面的图层变暗

Question

很简单的前提。我有一个浮动图像，我想揭示它背后的图像。在 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

这是一个火狐的错误。自 10 版以来，它就具有硬件加速功能。想知道为什么他们没有将修复程序纳入 11。

修复：将白色添加到实际 div（不是父级）的背景 http://weblog.scanyours.com/2011/01/05/howto-solving-the-firefox-opacity-bug/

原bug： https ://bugzilla.mozilla.org/show_bug.cgi?id=723524