0

かなり単純な前提。フローティング画像があり、その背後にある画像を表示したいと思います。クロームでは正常に動作しますが、FF11では動作しません。

$("#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;
}

フェードしてz-index0の画像を表示するのではなく、領域を黒にフェードします。私の背景は白で、実際に干渉する可能性のあるCSSは他にありません。

4

1 に答える 1

0

これはFirefoxのバグです。バージョン10以降、ハードウェアアクセラレーションで知られています。なぜ彼らは修正を11にロールしなかったのだろうか。

修正：実際のdiv（親ではない）の背景に白を追加する http://weblog.scanyours.com/2011/01/05/howto-solving-the-firefox-opacity-bug/

元のバグ： https ：//bugzilla.mozilla.org/show_bug.cgi？id = 723524

于 2012-04-28T00:33:26.827 に答える