iframe 在 IE 中始终位于顶部答案

【问题标题】：Iframe always on top in IEiframe 在 IE 中始终位于顶部
【发布时间】：2012-10-29 23:03:13
【问题描述】：

我在 iframe 中有一些页面内容。我还有一个包含一些用户选项的下拉菜单。在 IE (9) 中，当我打开下拉菜单时，它出现在 iframe 的后面。在所有其他浏览器中，行为都是正确的（菜单显示在 iframe 的顶部）。

我尝试将各种 z-index 属性应用于这些元素，但没有成功。它们共同的父元素只是一个<body> 标签。

如何确保下拉菜单始终显示在 IE 中的 iframe 顶部？

【问题讨论】：

【解决方案1】：

因此，一种可能的解决方案是在屏幕上直接在下拉菜单下方放置一个空 iframe。您可以在此上下文中使用 z-index 来确保菜单显示在空 iframe 之上，并且整个内容将显示在原始 iframe 之上。

不是一个很好的解决方案，但它确实有效。我愿意接受有关如何以更好的方式做到这一点的任何建议。

【讨论】：