オーバーレイの部分オーバーレイ

Question

通常は "wmode transparent"パラメータで解決できますが、firefoxでは 私は奇妙な問題があります。 iはDIVの一部とフラッシュ素子に重なるとき DIVは奇妙

http://img522.imageshack.us/i/bildschirmfoto20110111u.png/

灰色の領域（上記の小さな透明領域）である（フラッシュ素子の境界における階段のような）レンダリングフラッシュ要素。アウトラインは、境界線を持つ divです。

そのswfobject実装：

エラーは、FF（私は3.6を持っている）、クロム/ Safariが正常に動作します...

CODEで発生します。オーバーレイするdiv/ulは フラッシュラッパーの後に配置されます。

 <div id="flash-wrapper"> 
      <object width="740" height="500" type="application/x-shockwave-flash" 
      data="/flash/photobook.swf?1295004511635" id="photobook-wrapper" style="visibility: visible;"> 
      <param name="wmode" value="transparent"> 
      <param name="flashvars" value=""></object> 
     </div> 

     #flash-wrapper { 
      height: 500px; 
      position: relative; 
      width: 740px; 
     } 


     <ul id="frame_options_select-menu" style="z-index: 0; top: 213px; left: 388px;"> 
      <li class=""><a href="#" id="ui-selectmenu-item-74">Cover: full size photo</a></li> 
     </ul> 

     element.style { 
      left: 388px; 
      top: 213px; 
      z-index: 0; 
       -moz-border-radius: 6px 6px 6px 6px; 
       visibility: visible; 
      -moz-border-radius: 0 0 0 0; 
      background: none repeat scroll 0 0 #08A0D9; 
      border: 1px solid #08A0D9; 
      list-style: none outside none; 
      margin: 0; 
      overflow: auto; 
      padding: 0; 
      position: absolute; 
      top: 0; 
      visibility: hidden; 
      z-index: 1005 !important;  
     }  

Answer 1

OK、それはデバッグに複雑になったが、私は答えを見つけた：

私は次のコードしていた：

<div id="page"> 
     <div id="flash-wrapper"> 
     flash object 
     </div> 
    </div> 

    #flash-wrapper { 
     height: 500px; 
     position: relative; 
     width: 740px; 
    } 

    #page { 
     width: 700px; 
    } 

問題がページのdivでしたが。私は800pxにそれをうまく動作する幅を変更する場合。幅がフラッシュラッパーの幅より小さい場合、私は階段の効果を得ます。

結果として、親divはobjectタグより小さくなることはできません。 （それはとにかくはずです）。 "オーバーフロー：隠された;"問題は解決しません。

Answer 2

私のフライアウトメニューの前にFlashが入るこの問題がありました。私は、要素z-インデックスの再順序付けのために2つの異なる手法を試しましたが、それらはIE10でのみ機能しました。

今朝は、私がダウン7.

http://willstechcafe.wordpress.com/2013/06/20/overlays-vs-flash/