Z-index 在 iframe IE8 和 IE7 中不起作用答案

【问题标题】：Z-index not working in iframe IE8 and IE7Z-index 在 iframe IE8 和 IE7 中不起作用
【发布时间】：2013-01-10 09:20:28
【问题描述】：

我的网站上的导航标签有问题。下拉导航配置到 iframe youtube 视频。

横幅样式CSS：

.banner {
    background-image: url(images/banner-bg.png);
    background-repeat: no-repeat;
    float: left; 
    height: 291px; 
    width: 544px; 
    padding: 7px; 
    z-index:2 !important; 
    position:relative;
}

导航样式 CSS：

.juizdropdown {
    position: relative;
    z-index:999999 !important;
}

【问题讨论】：

欢迎来到 StackOverflow。我敢肯定这里有很多人愿意提供帮助，但如果我们能够快速重现您的问题，那将更容易。您还应该清楚地说明问题实际上是什么。 CSS 是一个好的开始，但是没有 HTML，实际上很难看出哪里出了问题。设置一个演示问题的最小示例网页并在此处链接，或发布 HTML 以与 CSS 一起使用。也就是说，您可以检查 .banner 和 .juizdropdown 是否是元素层次结构中的兄弟 - IIRC，文档结构对于绘制顺序比 z-index 更重要。

标签： css iframe z-index

【解决方案1】：

您是否要在嵌入的 YouTube 视频上方显示下拉菜单？ flash 电影的 wmode 属性可以让它们出现在所有 HTML 之上。

快速测试：为什么不尝试用图片代替 Flash 视频。如果下拉显示正常，可能是 flash wmode？p>

【讨论】：