Css 修复滚动时隐藏的div导航
我有一个示例HTML5页面,上面粘贴了导航和内容区域Css 修复滚动时隐藏的div导航,css,html,Css,Html,我有一个示例HTML5页面,上面粘贴了导航和内容区域 问题是当我垂直滚动时,没有被修复。如何使导航即使垂直滚动也固定在浏览器顶部?使用位置:fixed和z-index属性(您遇到的问题是由于图层:您的fixeddiv位于区域下): 创建另一个隐藏导航(与已使用的导航相同),并在用户向下滚动足够多时显示它 这就是要做到的 这是我网站上的信息。效果很好。不幸的是,区域应始终位于nav下方,而不是其后面。如果未设置z-index,是否可能?@Java博士:将top:25px应用于#区域分区。这是您要
问题是当我垂直滚动时,
没有被修复。如何使导航即使垂直滚动也固定在浏览器顶部?使用位置:fixed
和z-index
属性(您遇到的问题是由于图层:您的fixed
div
位于区域下):
创建另一个隐藏导航(与已使用的导航相同),并在用户向下滚动足够多时显示它
这就是要做到的
这是我网站上的信息。效果很好。不幸的是,区域
应始终位于nav
下方,而不是其后面。如果未设置z-index
,是否可能?@Java博士:将top:25px
应用于#区域
分区。这是您要找的吗?
#nav{
position:fixed;
top:0;
width:100%;
height: 25px;
z-index:50;
background: blue;
}
body {
margin: 0px;
width: 100%;
height: 120%;
background: red;
}
#nav {
position: fixed;
width: 100%;
z-index: 99;
height: 25px;
background: blue;
}