Css z-index在IE7的谷歌地图和导航子菜单中没有效果

Css z-index在IE7的谷歌地图和导航子菜单中没有效果,css,internet-explorer,Css,Internet Explorer,我觉得问题非常明显。我正在处理一个客户网站的问题,这实际上发生在我的几个客户网站上,但这一个是最明显的。IE7拒绝遵守z指数规则。我使用了不同的值,特别是在div#mapWrapper和#map上。请看这里: 我已经做了几十次网络搜索,但我找不到任何解决这个问题的方法。我还准备阅读Aleksandar Vacić关于IE6/7 z-指数差异的文章,但仍然一无所获。如果您能提供任何帮助,我将不胜感激。根据我的经验,IE中的z-index不稳定。将其设置为0尤其是一个问题,因此请确保0不是您的z-i

我觉得问题非常明显。我正在处理一个客户网站的问题,这实际上发生在我的几个客户网站上,但这一个是最明显的。IE7拒绝遵守z指数规则。我使用了不同的值,特别是在div#mapWrapper和#map上。请看这里:


我已经做了几十次网络搜索,但我找不到任何解决这个问题的方法。我还准备阅读Aleksandar Vacić关于IE6/7 z-指数差异的文章,但仍然一无所获。如果您能提供任何帮助,我将不胜感激。根据我的经验,IE中的z-index不稳定。将其设置为0尤其是一个问题,因此请确保0不是您的z-index值之一


有时,最简单的解决方案是更改html的源代码顺序:稍后在源代码中显示的内容将位于顶部。这在你的情况下是可能的吗?

如果我没记错的话,你不可能有两个元素具有相同的z索引,否则事情会变得很糟糕。我注意到很多路径的z索引为1000。尝试的一些想法:

  • 在人造层中将z索引重置为增量。也就是说,如果希望所有边界笔划位于同一“层”,请为该层分配介于1001和2000之间的数字。上面的下一层将使用2001到3000之间的数字,等等

  • 让文档流在几个容器内设置z索引,并将容器本身设置为相距较远的z索引

  • 请注意,在IE中,组合框下拉列表和ActiveX控件等元素通常会显示在实际页面上方的一个层上,因此无论您尝试将z索引设置得多高,它们总是显示在任何HTML的上方。并不是说这就是问题所在,但使用MapAPI可能会引发这个问题。阅读更多


  • 好吧,我知道了。因此,主导航位于div#header中,位置为:relative,未定义z索引。一旦我在标题上放置了一个z索引,菜单就在地图的正前方弹出


    我想这里的教训是寻找每个具有定义位置的元素,无论是绝对的还是相对的,以及它是如何与所讨论的元素交互的。

    我一直在玩弄所有元素的z索引值,似乎没有什么不同。有一件事对我来说没有意义,那就是地图插件中的下拉菜单(即“按菜单搜索”)工作正常。我已经克隆了这些菜单的z索引值,但仍然一无所获。