下拉的z-index不会与iframe表现出来

Question

我在页面上有一个嵌入式谷歌日历（在iframe中）

我现在正试图在Chrome中解决这个问题，但我希望它可以在所有内容中使用。

以下是一般结构的简短摘要（实际代码更复杂）

<header>
<ul id="nav">
  <li>  <ul class="drop_down">
            <li>Nav item</li>
            <li>nav item</li>
        </ul>
    </li>
    <li>  <ul class="drop_down">
            <li>Nav item</li>
            <li>nav item</li>
        </ul>
    </li>
</ul>
</header>
<iframe />

iframe旨在重叠一点并出现在它前面。然后，下拉菜单应显示在iframe前面。所以z-index层应该是从后到前的：

1. 标题（只是背景图片才是最重要的）
2. IFRAME
3. 下拉

iframe菜单

我似乎无法实现这一点。我试着非常具体地使用职位：绝对涉及的所有事情。

以下是问题页面的实时链接： 编辑：删除链接，因为它与工作相关并已解决

预期的菜单行为位于该网站的主页上。

有什么建议吗？

Answer 1

Take z-index:1 off #header
Set #nav li ul z-index:100
Set the iframe z-index:50

问题是你的iframe的zindex是1000，而你的菜单是z-index：1