オーバーレイhtml over flash？

Question

可能性の重複：
Div Z-Index issue with Flash movie

この文脈与えられたフラッシュアニメーションの上にHTMLの一部をオーバーレイすることが可能です： -flash内容の下に -htmlが含まれていますクリック可能ではありませんjsのリンクをクリックすると、次のようなiframeポップアップが開きます。http://www.dynamic-tools.net/toolbox/popUp/

ありがとう！

Answer 1

これは、標準規格に準拠していないが、以下のようembedタグにwmode="transparent"を追加してみてください：設定これらのパラメータを持つ

<object> 
    <!-- ... --> 
    <param name="wmode" value="transparent"/> 
    <embed src="flash_file.swf" wmode="transparent"></embed> 
    <!-- ... --> 
</object> 

を、フラッシュムービーが CSSのZインデックスの設定に従うべき。

Answer 2

基本的にはマイク・コバールの回答が仕事をします。つまり、wmode="transparent"です。他のすべてのHTML/CSS/JSのものは、your own linkと同じままです。

完全埋め込み（swfObject's generatorによる）コードHTMLのバージョンは次のようになります。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="myFlashContent"> 
     <param name="movie" value="path/to/flash.swf" /> 
     <param name="wmode" value="transparent" /> 
     <!--[if !IE]>--> 
     <object type="application/x-shockwave-flash" data="path/to/flash.swf" width="800" height="600"> 
      <param name="wmode" value="transparent" /> 
     <!--<![endif]--> 
      <a href="http://www.adobe.com/go/getflashplayer"> 
       <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> 
      </a> 
     <!--[if !IE]>--> 
     </object> 
     <!--<![endif]--> 
</object> 

JSでswfObjectを使用することが常に良いでしょう、のようなもの：

var flashvars = {}; 
var params = {}; 
params.wmode = "transparent"; 
var attributes = {}; 
swfobject.embedSWF("path/to/flash.swf", "id-of-the-div-the-flash-will-go", "800", "600", "9.0.0", false, flashvars, params, attributes);