Question

页面 - http://blu-eye.com/index.html - 包含suckerfish菜单，该菜单在网站的其余部分正确显示，但此页面除外。菜单项隐藏在下面的内容后面。

下面的内容包含一个带图片和文字的javascript滑块。我已经尝试在大多数元素上更改z索引，但仍然没有运气。

它只发生在IE（6和7）中。

请帮忙！

Answer 1

你所拥有的戏剧是使用相对定位的元素，这些元素重置了＆lt; IE8。

特别是在div＃header上，删除相对位置。然后在div＃cat_528463_divs＆gt; ul＆gt; li设置z-index（例如1000）。这将修复导航问题，使其无法隐藏在JS滑块下 - 但它会搞砸顶部其余部分的外观，因为它们绝对定位徽标和其他一些图像。所以这需要重建。

Answer 2

IE的元素堆叠顺序略有不同，因此仅使用不同的z-index设置某些内容并不一定会将其移到上面。

以起始点作为包装器，添加位置：相对于它，然后进入HTML。如果你想象在你的起点，那么你需要让你的菜单div和滑块div至少达到相同的“深度”。

您可能会发现添加位置：相对于#content也可能有帮助。

然后您可以更改z索引。

Answer 3

将z-index:100添加到子菜单的li's

#nav_528463 li ul li {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent none repeat scroll 0 0;
  float:none;
  margin:0;
  padding:0;
  z-index:100
}

Answer 4

我发现这个jQuery非常方便你的问题：

http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/

Suckerfish菜单IE6的儿子 - 隐藏在内容后面的菜单

4 个答案: