Flash 电影的 Div Z-Index 问题

Posted 2023-02-16

【中文标题】Flash 电影的 Div Z-Index 问题

【英文标题】：Div Z-Index issue with Flash movie

【发布时间】：2011-01-03 16:42:12

【问题描述】：

我有两个简单的 html div，一个包含 flash 电影，另一个 div 包含简单的文本现在我的问题是我必须将文本 div 放到 flash 电影 div 我正在做的是将两个 div 的位置设置为 CSS 中的绝对并将 Flash 电影 div 的 Z-Index 设置为 1，将文本 div 的 Z-Index 设置为 2，但在每种情况下，文本都在电影后面，但我必须将文本放到电影上，请在这方面帮助我，以便我的文字可能会出现在 Flash 电影上。提前致谢。

【参考方案1】：

这是解释此问题的博客文章

Flash content and z-index

使用

<param name="wmode" value="transparent"> 

来自Flash OBJECT and EMBED tag attributes

wmode

可能的值：窗口、不透明、透明。设置 Flash 影片的 Window Mode 属性以在浏览器中实现透明度、分层和定位。

* window - movie plays in its own rectangular window on a web page.
* opaque - the movie hides everything on the page behind it.
* transparent - the background of the HTML page shows through all 
  transparent portions of the movie, this may slow animation performance.

【讨论】：

澄清一下：如果您使用的是object，请将其插入为<object> ..other params.. <param name="wmode" value="transparent" /></object>；如果您使用embed，请使用<embed ..other attrs.. wmode="transparent" ... />

此链接已不存在：joshuaink2006.johnoxton.co.uk/blog/82/flash-content-and-z-index

【参考方案2】：

我遇到了 Flash 出现在我的弹出式菜单前面的问题。我尝试了两种不同的元素 z-index 重新排序技术，它们仅适用于 IE10。

今天早上，我尝试了适用于所有 IE 版本的方法，最低到 7。

http://willstechcafe.wordpress.com/2013/06/20/overlays-vs-flash/