2012-02-21 18 views
0

swfを埋め込むためにSWFObjectを使用しており、ページ上のいくつかのHTMLコンポーネントをカバーしています。しかし、HTMLがフラッシュムービーの上に流出しています。HTMLの上にフラッシュを取得できません

私はwmodeの設定とz-インデックスの絶対的な相対的な位置と何もfirefox/safariで動作するように見えて遊んだ。 Chromeは、wmode = window(Flashは常にHTMLの上にあります)で期待したとおりに動作します。

どのように私はサファリ/ファイアウォールにどのようにフラッシュの背後にあるHTMLを保つように伝えることができますか?

答えて

1

リンクがありますか?

通常、あなたがのコンボたいと思う:私はのリンクを見てみたいと思いますけれども

.flash, 
.html { 
    position:absolute; 
    z-index:2; 
    width:200px; 
    height:200px; 
} 
.html { 
    z-index:1; 
} 

wmode:'transparent' 

と:

<div class="container"> 
    <div class="flash">Flash</div> 
    <div class="html">HTML</div> 
</div> 

+をあなたの状況では、HTMLはFlashの上をエスケープします。

EDIT:http://codefinger.co.nz/public/flash_atop_html/

はテスト済み:ここ

は、私はあなたが期待するようにすべてのディスプレイを持つようにHTMLの上にフラッシュを配置し、SWFObjectを使用し、上記溶液を使用して、一緒に置く例ですFirefox、Safari、Chrome、IEの場合

+0

以下のようなのwmodeを使用する場合、それが動作するはずですが、私は必要なものはかなりありませんでしたが、それは正しい方向に私を手に入れました。私は最新バージョンのフラッシュにアップグレードしてから、swfを絶対配置で別のdivに配置し、それ自身のZ-インデックスを作成しました。 – jckdnk111

+0

うまく動いてくれてうれしいです:) – danjah

1

あなたは

<object width="296" height="81"><param name="wmode" value="transparent" /> 
<embed src="yourFileName.swf" wmode="transparent" width="296" height="81" type="application/x-shockwave-flash" /></object> 
+0

@ jckdnk111はSWFObjectを使用しています。 – danjah

関連する問題