Firefox中的JQuery：图像是从黑色，而不是从其他图像褪色

我得到了一种奇怪的问题：我想淡出图像。该代码有效，但至少在最新的Firefox中，淡入淡出的效果看起来很棒。但在其他网站（在网络上），它显然在同一浏览器中运行良好。 OK，这里是我的代码：Firefox中的JQuery：图像是从黑色，而不是从其他图像褪色

HTML：

<div class="fade"> 
    <img src="http://localhost/ami/wp-content/gallery/ami/400_1.jpg" alt="test" /> 
    <div class="firstpic"> 
    <img src="http://localhost/ami/wp-content/gallery/ami/400_2.jpg" alt="test2" /> 
    </div> 
</div>

CSS：

.fade{top: 115px; left: 290px; position: absolute; display: block;} 

.firstpic{position: absolute; top: 0px; left: 0px; display: none;}

的Javascript：

$("#button").click(function(){ 
    $(".firstpic").fadeIn(800); 
});

因此，这种设置是很容易的：我有两个div的，都是绝对定位的。类“firstpic”的div是类“淡入淡出”的div。两者都包含一个img元素。类“firstpic”的div默认不可见（请参阅CSS），以便它可以淡入。淡入是通过按下按钮触发的（请参阅Javascript）。但不是很好地淡入，它淡入黑色的背景。我认为这可能是因为“img” - 元素。当我用css背景图像使用两个div时，它会很好地淡入淡出。但我需要img-Elements，因为我需要调整图片大小。任何帮助将非常感激。谢谢。

来源

2012-03-26 lupor

我对此没有任何问题。查看我的示例 - http://jsfiddle.net/7xWWt/ – tjscience 2012-03-26 20:28:43

您正在从黑色背景中消失，而不是从其他图像中消失。所以当然它看起来很好。 – lupor 2012-03-26 21:56:19

这是一个开始出现在Firefox的更新版本中的问题。给图像一个css背景

来源

2012-03-26 20:26:14 charlietfl

谢谢，但我需要调整图像大小 - 据我所知 - 通过CSS无法正常工作。你知道更多关于这个问题，如果它很快就会解决？ – lupor 2012-03-26 21:55:30

是我在jQuery论坛中看到的新东西，有几个人通过给图像背景来解决它。与大小或调整大小无关，只是背景css – charlietfl 2012-03-26 22:16:50

谢谢，它工作！ – lupor 2012-03-26 22:28:57

Firefox中的JQuery：图像是从黑色，而不是从其他图像褪色

回答

相关问题