WinのFireFoxだとFlashでoverfrow:hiddenしてもはみ出ちゃった時のメモ。

Mac版だと大丈夫なのですが、Windows版のFirefoxだと普通にFlashを置いた場合に、CSSでoverfrow:hiddenしても効かず、全て表示されてしまうのでした。
ということで、その対処。

ってことで、対処法

wmodeをopaqueにすると大丈夫になるので、Flashのタグに下記の様に追記するだけでOKです。

AC_FL_RunContent(DreamWeaverの自動挿入)でいれている場合。

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800',
'height','600','title','','src','/flashfile','quality','high',
'pluginspage','http://www.adobe.com/shockwave/download/
download.cgi?P1_Prod_Version=ShockwaveFlash',
'movie','/flashfile','wmode' ,'opaque' );
</script>

embedタグでいれている場合。

<embed src="flash.swf" width="800" height="600" wmode="opaque" />

注意?事項としては、これ使うとIEでドロップダウンメニューを使った時にFlashの下レイヤーに入ってしまう現象に対処できないんですよね・・・むむむ。

ReBlog

Check

No TrackBack

トラックバックURL: http://www.gebsite.org/cgi-bin/mt41/mt-tb.cgi/323

Quick Access

アーカイブ

カテゴリ

GEBSITEの人気ページ
by hatena

この日記のはてなブックマーク数

お使いのブラウザはanalogです。