为什么这个下拉菜单是重叠的

发布于 2024-11-02 10:21:28 字数 98 浏览 3 评论 0原文

我创建了一个 CSS 下拉菜单,但是当它下拉时,它被内容重叠,并且变得无用。

我该如何解决这个问题?

代码

问题已解决...谢谢...

I have created a CSS dropdown menu, but when it drops down, it is being overlapped by the content, and renders useless.

How do i fix this?

Code

QUESTION SOLVED...THANKS...

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

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

发布评论

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

评论(2

梦归所梦 2024-11-09 10:21:28

尝试更改下拉菜单的 z-index
http://www.w3schools.com/Css/pr_pos_z-index.asp

Try changing the z-index of the drop down menu
http://www.w3schools.com/Css/pr_pos_z-index.asp

冷月断魂刀 2024-11-09 10:21:28

将导航的 z-index 设置为高于内容,问题就会消失离开。为了使 z-index 在所有浏览器中正常工作,带有 z-index 的元素也有一个位置:相对或位置:绝对。

更新

ul.dropdown { position: relative;  border-radius:10px; z-index:9999}
#content{position:relative; z-index:100} /* #content should be whatever your content div is */

Set your z-index of your nav higher than your content and the problem will go away. For z-index to work properly in all browsers the element with the z-index on it much also have a position:relative or position:absolute.

Update

ul.dropdown { position: relative;  border-radius:10px; z-index:9999}
#content{position:relative; z-index:100} /* #content should be whatever your content div is */

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