jquery淡出使其后面的层变暗

jquery淡出使其后面的层变暗,jquery,css,Jquery,Css,非常简单的前提。我有一个浮动图像,我想展示它背后的图像。在铬合金中工作良好,但在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="../image

非常简单的前提。我有一个浮动图像,我想展示它背后的图像。在铬合金中工作良好,但在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;
}
$(“#浮动”)。淡出(“缓慢”);
#背景图片
{
宽度:100%;
最小宽度:1284px;
}
#容器{
宽度:100%;
最小宽度:950px;
边缘顶部:-13px;
}
#漂浮物{
位置:固定;
z指数:4;
顶部:200px;
左:200px;
}

它不再只是淡入显示z索引为0的图像,而是将该区域淡入黑色。我的背景是白色的,没有其他css会干扰我。

这是一个firefox bug。从第10版开始,人们就知道它有硬件加速功能。想知道为什么他们没有把补丁改成11

修复方法:将白色添加到实际div(不是父级)的背景中

最初的错误是:

我已经在FF12和chrome中进行了测试,它运行良好,这是小提琴演示,它在这里似乎运行良好:所以在您的实际页面中肯定还有其他内容。@jfriend00这些小提琴在FF11中都不能正常工作。褪色为黑色。在铬蒸馏器中仍然很好。任何人我打算放弃jquery并手动执行它,因为我厌倦了它从来没有像预期的那样工作。@FlavorScape-这与jquery无关。jQuery只是做了一些非常简单的事情。这要么是浏览器问题,要么是CSS问题。仅供参考,我的JSFIDLE在FF11中对我来说运行良好。根据bug,它听起来可能是特定于某些视频驱动程序的,这可能是它对我来说运行良好的原因。