CSS下拉菜单z-index问题

发布于 2024-09-25 13:21:12 字数 365 浏览 5 评论 0原文

目前的 html 和 css 有点乱,因为该网站仍处于早期测试阶段,正在开发中,但将使用此菜单。

http://beta.defiant-guild.net

我有标题和滑块都绝对定位在相对定位容器 div。我需要的 z-index 堆栈的顺序从后到前是:

  • header
  • slider
  • menu
  • slider image
  • menu drop down list

我愿意接受任何想法来使这个更简单或解决这个问题。感谢您抽出时间。

The current html and css is a bit messy being that the site is still in early beta and is being developed, but this menu will be used.

http://beta.defiant-guild.net

I have the header and slider both absolutely positioned within a relatively positioned container div. The order of the z-index stack I need from back to front is:

  • header
  • slider
  • menu
  • slider image
  • menu drop down list

I am open to any ideas to make this simpler or for a fix to this. Thanks for your time.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

み格子的夏天 2024-10-02 13:21:12

你有什么问题吗?只需给它们适当的 z 索引即可。值越高,它在堆栈中的位置就越高。但是,它仅适用于绝对或相对定位的元素。如果CSS应用于下拉菜单,并且其他任何东西都有绝对或相对位置,那么一切都应该没问题。

What is your problem? Just give them appropriate z-indeces. The higher the value, the further up in the stack it will be. However, it only works on absolute or relative positioned elements. If the css is applied to the drop down menus, and whatever else has an absolute or relative position, all should be fine.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文