我正在使用 SWFObject 嵌入一个 swf,它最终覆盖了页面上的一些 HTML 组件。然而,HTML 在 Flash 电影之上流淌着。
我玩过 wmode 设置和 z-index,绝对与相对定位,但在 firefox / safari 中似乎没有任何效果。Chrome 的工作方式完全符合我对 wmode=window 的预期(flash 始终位于 HTML 之上)。
有什么想法可以告诉 safari / firefox 不惜一切代价将他们的 HTML 保留在 flash 后面吗?
您有链接作为我们的示例吗?
通常,您需要以下组合:
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;
}
虽然我希望在您的情况下看到 HTML 的链接在 Flash 顶部转义。
编辑:
这是我放在一起的一个示例,使用 SWFObject 将 Flash 定位在 HTML 之上,并使用上述解决方案使所有内容都按您的期望显示:http ://codefinger.co.nz/public/flash_atop_html/
在 Firefox、Safari、Chrome、IE 中测试。
如果您使用 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>