jquery - z-index 在 Internet Explorer 中不起作用

标签 jquery internet-explorer z-index

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

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

谁能帮我解决这个 IE 问题吗?

最佳答案

嵌入 Flash 时,您需要使用 transparentopaquewmode 才能使其与 z-index。对于 YouTube 嵌入,您可以通过将 wmode=transparent 添加到查询字符串来实现此目的:

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

关于jquery - z-index 在 Internet Explorer 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20404163/

相关文章:

javascript - 从单引号中的文本中获取单词

jquery - 背景 div 中的 z 索引可点击链接被 jquery 带到前面?

javascript - Ember 生成 Action 或 jquery onclick

jquery - Primefaces - 用于数据表中实时过滤的自定义组件

jquery - 如何固定宽度,同时使其看起来像是从屏幕外滑入的?

html - IE7 CSS - 悬停某些链接时页脚 div 移动

javascript - Jquery hover + position absolute = IE 中的问题

internet-explorer - 绕过 Firefox 和 IE 的 webfonts 跨域策略

css - z-index 在 Chrome 中工作......而不是在 Firefox 中......?

css - z-index 和 CSS 问题