Flashがメニューに隠れてしまう問題

自分用の備忘録。

上の図のように、ドロップダウンメニューがすぐ下のFlashに重なると、
Flashの方が上に来てしまい、メニューが見えなくなってしまう問題(主にIE)の解決方法。

※「AC_RunActiveContent.js」使用の場合

1) JS での呼び出し部分に「'wmode', 'opaque',」追加

2) object タグ内に下記追加
<param name="wmode" value="opaque" />

3) embed タグ内に「wmode="opaque"」追加

※ opaque は、transparent でもいいみたいだが、古いIEで不具合があるらしい(未確認)

4) Flash を表示する div に「position:absolute; z-index:1;」のCSS追加

5) メニューの div には「position:absolute; z-index:10;」のCSS追加

※「position:absolute」はなくても大丈夫なこともあるみたい
※「position:absolute」で表示位置がおかしくなったら「top:0px; left:0px;」で調整

以下、サンプル。


<script language="javascript">
    if (AC_FL_RunContent == 0) {
    	alert("・plusmn;・Igrave;ページ・Aring;・Iacute; ¥"AC_RunActiveContent.js¥" ・ordf;必要・Aring;・middot;。");
    } else {
    	AC_FL_RunContent(
    		'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
    		'width', '653',
    		'height', '56',
    		'src', 'ファイルパス(.swf抜き)',
    		'quality', 'high',
    		'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
    		'align', 'middle',
    		'play', 'true',
    		'loop', 'true',
    		'scale', 'showall',
    		'wmode', 'opaque',
    		'devicefont', 'false',
    		'id', 'swfファイル名',
    		'bgcolor', '#ffffff',
    		'name', 'swfファイル名',
    		'menu', 'true',
    		'allowFullScreen', 'false',
    		'allowScriptAccess','always',
    		'movie', 'ファイルパス(.swf抜き)',
    		'salign', ''
    		); //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=6,0,0,0" width="653" height="56" id="swfファイル名" align="middle">
    <param name="allowScriptAccess" value="always" />
    <param name="allowFullScreen" value="false" />
    <param name="wmode" value="opaque" />
    <param name="movie" value="ファイルパス" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ffffff" />
    <embed src="ファイルパス" quality="high" bgcolor="#ffffff" width="653" height="56" name="swfファイル名" wmode="opaque" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</noscript>

※おまけ 「'allowScriptAccess','always',」を入れないと外部サイトへのリンクが動かない。

1

Calendar

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
<< December 2018 >>

本棚

Archive

Mobile

qrcode

Selected Entry

Comment

  • それが永遠に続くのだと勘違いしてたんだ
    しらき
  • それが永遠に続くのだと勘違いしてたんだ
    まなか
  • 写真で振り返る2012年3月
    しらき
  • 写真で振り返る2012年3月
    もはえ
  • 写真で振り返る2012年1月
    shiraki
  • 写真で振り返る2012年1月
    モハえ
  • 【屋号001】篠田理髪店
    sss
  • 手ぬぐいで作るこども服
    spiro
  • 手ぬぐいで作るこども服
    真崎 悦子
  • 【屋号001】篠田理髪店
    Hanano

Link

Profile

Search

Other

Powered

無料ブログ作成サービス JUGEM