Question

我遇到了一个奇怪的问题：我想淡化图像。该代码有效，但褪色效果看起来很好，至少在最新的Firefox中。但是在其他网站上（在网络上），它显然在同一浏览器中运行良好。好的，这是我的代码：

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”-Element。当我使用带有CSS背景图像的两个div时，它会很好地消失。但我需要img-Elements，因为我需要调整图片大小。任何帮助将非常感激。感谢。

Answer 1

这是一个在最近的Firefox版本中出现的问题。给图像一个css背景

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

1 个答案: