0

私は SWFObject を使用して swf を埋め込んでいますが、最終的にページ上のいくつかの HTML コンポーネントをカバーしてしまいます。ただし、Flash ムービーの上に HTML がにじみ出ています。

wmode 設定と z-index の絶対位置と相対位置を試してみましたが、firefox / safari では何も動作しないようです。Chrome は wmode=window で期待どおりに動作します (Flash は常に HTML の上にあります)。

safari/firefox に HTML をフラッシュの背後に保持するように指示する方法はありますか?

4

2 に答える 2

1

私たちの例としてリンクはありますか？

通常、次の組み合わせが必要です。

wmode:'transparent'

と：

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

+:

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

あなたの状況では、Flash の上にエスケープする HTML のリンクを見てみたいのですが。

編集：

これは、SWFObject を使用して Flash を HTML の上に配置し、上記のソリューションを使用してすべてを期待どおりに表示する例をまとめたものです: http://codefinger.co.nz/public/flash_atop_html/

Firefox、Safari、Chrome、IE でテスト済み。

于 2012-02-21T02:35:13.923 に答える
1

以下のように wmode を使用すると動作するはずです

    <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>
于 2012-02-21T02:39:10.027 に答える