使用css重叠HTML元素

使用css重叠HTML元素,html,css,flash,overlap,osmf,Html,Css,Flash,Overlap,Osmf,我正在做一个项目,我必须使用Flash OSMF播放器显示视频。我还必须在播放器顶部显示一些文本和图像 它在chrome和IE中运行得非常酷。当涉及到Firefox和safari时,文本元素隐藏在视频播放器后面。我有z-index CSS属性使它出现在前面,但运气不好,它仍然隐藏在背景中 我有一个现场网站“m-turnt”——alcy/vote编舞 由于它在Firefox中不起作用,我已经将Firefox和safari的播放器改为html5播放器,以便它能像预期的那样显示文本。为了进行测试,您可

我正在做一个项目,我必须使用Flash OSMF播放器显示视频。我还必须在播放器顶部显示一些文本和图像

它在chrome和IE中运行得非常酷。当涉及到Firefox和safari时,文本元素隐藏在视频播放器后面。我有z-index CSS属性使它出现在前面,但运气不好,它仍然隐藏在背景中

我有一个现场网站“m-turnt”——alcy/vote编舞

由于它在Firefox中不起作用,我已经将Firefox和safari的播放器改为html5播放器,以便它能像预期的那样显示文本。为了进行测试,您可以从chrome中获取播放器代码(在medidplayer元素下),并将其替换到Firefox中-您将得到我上面提到的问题。 如有任何帮助/建议,将不胜感激。
提前感谢…

此问题可能与Flash player对象的wmode设置有关,请参阅此设置的Adobe文档:

您可以尝试使用
wmode=“不透明”
作为Flash对象的参数:

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

然而,根据Flash文档,在这种模式下,插件无法利用硬件加速


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

谢谢迭戈。我会在下一个工作日尝试你的解决方案。。。根据你的建议,我不能退而使用Flash并将html5作为默认设置。由于这是来自Azure的流媒体,建议使用Flash播放器。