CSS下拉菜单z-index问题
目前的 html 和 css 有点乱,因为该网站仍处于早期测试阶段,正在开发中,但将使用此菜单。
我有标题和滑块都绝对定位在相对定位容器 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.
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你有什么问题吗?只需给它们适当的 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.