html - 使用 css 重叠 HTML 元素

Question

我正在做一个元素，我必须使用 Flash OSMF 播放器显示视频。此外，我还必须在播放器顶部显示一些文本和图像。

它在 chrome 和 IE 中运行得非常好。对于 Firefox 和 safari，文本元素隐藏在视频播放器后面。我有 z-index CSS 属性使其位于最前面，但不幸的是它仍然隐藏在后台。

我有一个实时站点 http://www.tallenge.com/alcy-caluamba/all-categories1/general23/lecrae-i 'm-turnt--choreography-by-alcy/vote

由于它在 Firefox 中不起作用，我已将仅适用于 Firefox 和 safari 的播放器更改为实时站点中的 html5 播放器，以便它按预期显示文本。为了进行测试，您可以从 chrome 中获取播放器代码(在 medidplayer 元素下)并将其替换为 Firefox - 您将遇到我上面提到的问题。任何帮助/建议将不胜感激。提前致谢...

Answer 1

此问题可能与 Flash 播放器对象的 wmode 设置有关，请参阅此设置的 Adob​​e 文档:

https://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html#main_Using_Window_Mode__wmode__values_

您可以尝试使用 wmode="opaque" 作为 Flash 对象的参数:

<param name="wmode" value="opaque"/>

但是根据该模式下的 Flash 文档，该插件无法利用硬件加速。

不相关的问题，如果您已经使用 HTML5 视频标签作为 Firefox 的后备，为什么选择 Flash？默认情况下，我将采用相反方向的 HTML5 视频标签，将 Flash 作为旧浏览器的后备。