本站消息
CSS 固定顶部菜单导航位于某些项目下方
发布于2024-11-03 18:52 阅读(1036) 评论(0) 点赞(13) 收藏(0)
我遇到了一个与我的网站有关的问题：我试图修复上方菜单，现在当我滚动浏览网站时，所有标题和段落都在菜单上方：
这是问题的图片
这是固定顶部菜单的 HTML
<div class="topnav" id="myTopnav">
<a href="#" class="active">Home</a>
<a href="#">About</a>
<a href="#">Menu1</a>
<a href="#">Menu2</a>
</div>
这是固定顶部菜单的 CSS
.topnav {
background-color: #333;
overflow: hidden;
position: fixed; /* Set the navbar to fixed position */
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
}
所以问题是：我怎样才能让它处于一切之上？
解决方案
.topnav {
background-color: #333;
overflow: hidden;
z-index: 100; /* or 999 */
position: fixed; /* Set the navbar to fixed position */
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
}
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/534512/8e9ddb713fc38a3ca4b6/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
13
0
收藏该文
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力
程序员的那些事(new)
电子书(new)
博客(new)
视频教程(new)
问答(new)
游戏(new)