3

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

它下面的内容包含一个带有图像和文本的 javascript 滑块。我已经尝试更改大多数元素的 z-indexes，但仍然没有运气。

它只出现在 IE（6 和 7）中。

请帮忙！

4

4 回答 4

2

你所拥有的戏剧是使用相对定位的元素，它在 < IE8 上重置 z 顺序上下文。

特别是在 div#header 上，删除相对位置。然后在 div#cat_528463_divs > ul > li 上设置一个 z-index（例如 1000）。这将解决隐藏在 JS 滑块下的导航问题 - 但是它会破坏顶部其余部分的外观，因为它们绝对定位徽标和其他一些图像。所以这将需要重建。

于 2009-12-10T03:32:29.783 回答
1

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

将您的起点作为包装器，添加 position:relative 到它，然后进入您的 HTML。如果你想象在你的起点，那么你需要让你的菜单 div 和你的滑块 div 至少具有相同的“深度”。

您可能会发现添加 position:relative to #content 也可能会有所帮助。

然后，您可以更改 z 索引。

于 2009-12-04T10:27:21.983 回答
0

添加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
}
于 2009-12-04T11:36:58.177 回答
0

我发现这一点 jQuery 对您的问题非常方便：

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

于 2009-12-07T18:48:57.447 回答