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

这是一个firefox错误。自版本10以来就已经知道硬件加速。不知道为什么他们没有将修复程序变成11。

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

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

jquery fadeout在它后面变暗层

1 个答案: