下拉的 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 旨在与 a little 重叠并出现在它的前面。然后下拉菜单应出现在 iframe 的前面。所以z-index层应该是从后到前：

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

iframe 菜单

我似乎无法做到这一点。我尝试使用 position:absolute 来非常具体。

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

预期的菜单行为出现在该站点的主页上。

有什么建议吗？

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