【问题标题】:elements overlapping problem in IEIE中的元素重叠问题
【发布时间】:2026-02-01 14:45:01
【问题描述】:

在 IE 中有一个下拉菜单“产品”与下一个内容重叠的页面。 它在 Gecko 或 Webkit 浏览器下运行良好。

http://orbitscripts.com/easily-manage-advertising-across-all-of-your-websites.html

z-index 属性毫无意义。

我还没有解决方案。 提前感谢

【问题讨论】:

  • 你用的是哪个版本的 IE,在 IE8 上看起来不错
  • 对我来说,它在 IE8 和 FF3.6 中看起来是一样的。是您遇到问题的旧版 IE 吗?
  • IE8 在兼容模式下运行。看来IE7也会出现同样的问题。

标签: html css overlap


【解决方案1】:

如果广告在 Flash 中且“wmode”未设置为“透明”,则 z-index 将始终为无限且高于其他内容。见http://www.communitymx.com/content/article.cfm?cid=e5141

有一些 hack 使它可以在特定操作系统上的某些特定浏览器上运行,但它们不可靠,并且没有在所有情况下都适用的综合解决方案,据我所知见 http://www.sitepoint.com/forums/printthread.php?t=158317&pp=25&page=2(并通过以下方式寻找解决方案“mhulse”。)

IE 6 还存在一个错误,即 <select> 元素具有无限 z-index,除非在其上方放置 IFrame,这在大多数情况下有效,但它更可能是 Flash 动画。

编辑:我似乎记得在非 IE 浏览器中,z-index 是相对于具有“position: relative”样式的块元素(通常是 DIV),而在IE 至少在某些版本中它是相对于 document 的,所以它就像一个全局而不是本地 z-index 也许这就是原因。

【讨论】:

  • 没有闪存或选择对象。
  • @rayz: 哦,我现在可以在 IE8 的 IE7 兼容模式下看到问题 - 我知道我以前修复过类似的问题,只是记不太清了。我认为明确设置“visibility: visible”而不是将其留空可能会在某些元素上做到这一点,但我不确定。
  • @rayz:似乎删除“position: relative”可以解决较低元素的问题,但这显然会导致其他副作用:-P
  • 天哪! :) 当然!我已经在标题 -100(带菜单)和内容 - 50(在菜单下)上设置了 z-indexes。现在工作正常。非常感谢!