无法在HTML之上获取Flash

时间:2012-02-21 02:27:22

标签: html css flash z-index wmode

我正在使用SWFObject嵌入swf,它最终会覆盖页面上的一些HTML组件。然而,HTML正在闪存电影之上流行。

我玩过wmode设置和z-index,绝对vs相对定位,似乎在firefox / safari中没有任何效果。 Chrome正如我所期望的那样使用wmode = window(flash始终位于HTML之上)。

我有什么想法告诉safari / firefox不惜一切代价将他们的HTML保留在闪存之后?

2 个答案:

答案 0 :(得分: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;
}

虽然我希望在你的情况下看到HTML转移到Flash顶部的链接。

修改

以下是我使用SWFObject将Flash置于HTML之上并使用上述解决方案将所有内容显示为您期望的示例:http://codefinger.co.nz/public/flash_atop_html/

在Firefox,Safari,Chrome,IE中测试。

答案 1 :(得分: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>