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：圖像是從黑色，而不是從其他圖像褪色

回答

相關問題