FirefoxのJQuery：画像が黒から消えてしまいます。他の画像ではありません。

Question

私は奇妙な問題を抱えています。コードは機能しますが、少なくとも最新のFirefoxではフェーディング効果がf ###上になります。しかし、他のサイト（ウェブ上）では、明らかに同じブラウザでうまく動作します。 OK、ここに私のコードです：

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を：私は2つのdivのを得た：

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

ので、このセットアップは非常に簡単です両方とも絶対的に位置付けられた。 "firstpic"クラスのdivは、 "fade"クラスのdivにあります。どちらもimg要素を1つ含んでいます。 "firstpic"クラスのdivは、デフォルトでは表示されません（CSS参照）ので、フェードインすることができます。フェードインするには、ボタンを押す（JavaScriptを参照）。しかし、うまくフェードインするのではなく、黒い背景でフェードインします。私はそれが "img"要素のためかもしれないと思う。私はCSSの背景画像と2つのdivを使用すると、うまく消えます。しかし、画像のサイズを変更する必要があるので、img-Elementsが必要です。 本当にありがとうございます。ありがとう。

Answer 1

これは、最近のFirefoxのリリースではじまり始める問題です。イメージにCSSの背景を付けてください