Question

我有一个色彩缤纷的菜单（“Destaques”，“Roupas”，“Sapatos”和“Fale Conosco”）正在工作，但IE7背后的画廊就在页面上，因为我试图用z-index解决，但似乎没有任何工作，有没有人有任何提示？

使用IE7将鼠标悬停在菜单上，意识到我在说什么。

Answer 1

这里有很多事情要发生，但我会尽力解决它。

首先，尝试让HTML验证。有很多无效的HTML可能导致问题。

其次，我相信IE7对z-index做了一些有趣的事情。它有点根据它的父级重置它的z-index。我知道我过去遇到过这个问题。基本上，如果两个父元素是这样的：

<div id="parent1">...</div>
<div id="parent2">...</div>

如果“parent1”的z-index低于“parent2”，则“parent1”的所有子项将低于“parent2”，无论其z-index值如何。您可以尝试做的是确保“parent1”具有更高的z-index。

从查看代码看，父元素似乎是：

<div class="colorido">  <!-- the menu container -->
...
<div id="corpo">    <!-- the image promotional container that rotates -->
...

查看是否将“colorido”设置为比“corpo”更高的z-index。您可能必须将它们设置为“position：relative”以使其有效。

我很难读懂HTML和CSS，这里有很多内容。所以，我可能有错误的容器，但希望这个想法可以帮助你。

希望有所帮助！