无法在 HTML 上获取 Flash答案

【问题标题】：Can't get flash on top of HTML无法在 HTML 上获取 Flash
【发布时间】：2012-02-21 02:27:22
【问题描述】：

我正在使用 SWFObject 嵌入一个 swf，它最终覆盖了页面上的一些 HTML 组件。然而，HTML 在 Flash 电影之上流淌。

我玩过 wmode 设置和 z-index，绝对与相对定位，但在 firefox / safari 中似乎没有任何效果。 Chrome 的工作方式与我对 wmode=window 的预期完全一致（flash 始终位于 HTML 之上）。

有什么想法可以告诉 safari / firefox 不惜一切代价将其 HTML 保留在 flash 后面吗？

【问题讨论】：

标签： html css flash z-index wmode

【解决方案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 中测试。

【讨论】：

不是我所需要的，但它确实让我朝着正确的方向前进。我升级到最新版本的 flash，然后将 swf 放在一个单独的 div 中，具有绝对定位和它自己的 z-index。

【解决方案2】：

如果你像下面这样使用 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>

【讨论】：

@jckdnk111 正在使用 SWFObject。