ジェイクールの更新テクニック

「Flashが重なる・z-indexを無視する時の対策」をしても効かない場合のもう一手

Lightboxやドロップメニュー、カスタム検索のオーバーレイウィンドウなどの「重なり」で表現されるオブジェクトの下にFlashオブジェクトがある際に、Flashオブジェクトが1番上に表示されてしまうケースがあります。

20150225

ネットで「flash 重なる」「flash z-index」などで検索すると、
 

1.embed内に以下を追記

wmode="transparent"

2.param name値を加える

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

 

この2点の情報は多く見られますが、これらだけでは修正されないケースも。

Dreamweaverのメニューからflashを追加した場合、以下の様なコードが記述されると思います。
そのコード内に、上記2点の他にもう1点、

3.「AC_FL_RunContent」内にも「wmode transparent」を記述

します。
(下記コード内、★と★の間)

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','970','height','300','src','movie','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/main'★,'wmode','transparent' ★); //end AC code
</script>

<noscript>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="970" height="300">
    <param name="movie" value="movie.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent">
    <embed src="img/main.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="970" height="300" wmode="transparent"></embed>
  </object>
</noscript>

 

※★は目印ですので実際には不要です。念のため。

お試しください。