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

发布于 2024-08-13 05:56:52 字数 275 浏览 8 评论 0原文

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

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

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

请帮忙！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

南风起 2024-08-20 05:56:52

您所遇到的戏剧性问题是使用相对定位元素，这会在 << 上重置 z 顺序上下文。 IE8。

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

回复收藏 0 原文

人间☆小暴躁 2024-08-20 05:56:52

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

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

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

然后您可以更改 z 索引。

回复收藏 0 原文

月寒剑心 2024-08-20 05:56:52

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

#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
}

Add z-index:100 to the submenu's 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
}

回复收藏 0 原文