JavaScriptのドロップダウンメニューとフラッシュの競合

私は自分のhtmlページに追加したjavascriptのドロップダウンメニューがフラッシュイメージの背後に表示されるか、フラッシュピクチャのサムネイルを妨害する問題があります。この問題はブラウザやMac/PCによって異なります。JavaScriptのドロップダウンメニューとフラッシュの競合

出典

2009-08-05 Anonymous

あなたはz-indexで遊んだことがありますか？含むあなたの埋め込み/オブジェクトのために使用して、

<embed ... wmode="transparent" ...>

および/または

<param value="transparent" name="wmode"/>

をあなたのフラッシュよりも高いあなたのメニューのzインデックスを作成し、彼らがトップ

#yourNav { 
    z-index: 1000; 
} 

#yourFlashElement { 
    z-index: 0; 
}

出典

2009-08-05 00:12:30 Jason

に表示されるはずですフラッシュ

出典

2009-08-05 00:13:50

、がIEのために必要とされる：Rメニューここでは、高Z-index値、および私は同じ問題を解決するためにしている例です。 – Faraz

これは、常にフラッシュがトップに来るという有名な問題です、あなたはあなたを与えることでそれを解決することができますただ、明確にする

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Z-indexFlash</title> 

</head> 
<body bgcolor="#ffffff"> 
<div style="width:150px; height:150px; margin-top:0px; "> 
<div style=" position:absolute;z-index:1; top:40px; text-align:center; width:150px; height:40px; color:#FFFFFF; background-color:#0CF; font-size:16px;"><b>Text Over Flash</b></div> 
<div style="position:relative; z-index:0;height:150px;"> 
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100" height="150" id="Z-indexFlash" align="middle"><param name="allowScriptAccess" value="sameDomain" /> 
    <param name="allowFullScreen" value="false" /> 
    <param name="movie" value="Z-indexFlash.swf" /> 
    <param name="quality" value="high" /> 
    <param name="wmode" value="transparent" /> 
    <param name="bgcolor" value="#ffffff" />  
    <embed src="Z-indexFlash.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="100" height="150" name="Redsea_Interhous_Onrequest" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
    </object> 
</div> 
</div> 
</body> 
</html>

出典

2009-08-05 00:15:35

JavaScriptのドロップダウンメニューとフラッシュの競合

答えて

関連する問題