z-index 无法使用 Internet Explorer [重复]

Posted 2023-02-24

【中文标题】z-index 无法使用 Internet Explorer [重复]

【英文标题】：z-index won't work internet explorer [duplicate]

【发布时间】：2013-12-22 15:20:39

【问题描述】：

我一直忙于为 DJ 建立一个网站。 标头底部有一个 :before 元素。这必须是最重要的，所以我给了它最高的 z-index。 在其中一个页面上，我包含了一个 youtube 视频。 这在除 Internet Explorer 之外的所有浏览器中都没有问题。 youtube 视频与标题的 :before 元素重叠。 youtube 视频还与页面的弹出式联系表单重叠。

我搜索了答案并找到了一些 jQuery 脚本，但它似乎不起作用。 有这个问题的页面是http://leber.d7.cosly.com/nl/gigs/

谁能帮我解决这个 IE 问题？

【参考方案1】：

嵌入闪存时，您需要使用transparent 或opaque 中的wmode 才能使其与z-index 正常运行。对于 youtube 嵌入，您可以通过在查询字符串中添加 wmode=transparent 来做到这一点：

<iframe src="http://youtube.com?v=YOUTUBEID&wmode=transparent"></iframe>

【讨论】：

确实是这样。几天前我遇到了同样的问题，这是一个工作示例..ordereze.com/holidaypromo - 尝试单击注册按钮以启动弹出窗口。