div+CSS如何让两个区域重叠然后用鼠标往下滚动重叠的区域遮住后显示出来固定在浏览器最上并且固定？ 40
比如这里有三个区域要把黄色div区域和红色重叠黄色在红色底层并且隐藏，等鼠标往下滑动蓝色区域把红色重叠区推到浏览器最上面看不见后黄色区域显示出来并且总是保持在浏览器最上方...
比如这里有三个区域要把黄色div区域和红色重叠黄色在红色底层并且隐藏，等鼠标往下滑动蓝色区域把红色重叠区推到浏览器最上面看不见后黄色区域显示出来并且总是保持在浏览器最上方。。。。。。求大神指点！
展开
3个回答
展开全部
固定在顶部要使用css属性的position:fixed;
做了个demo，大概的样式就是这样，具体的就要看做的时候需求是哪种了，附上图片
demo的html样式和css，如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>示例</title>
<style>
*{margin:0px; padding:0px;}
#edg_box{width:100%; height:1500px; background:#ccc; position:relative;}
.edg_fixed{width:100%; height:35px; line-height:35px; font-size:14px; color:#fff; position:fixed; top:0px; left:0px; text-align:center; background:green;}
.edg_cont{width:100%; margin-top:35px;}
</style>
</head>
<body>
<div id="edg_box">
<div class="edg_fixed">这是一个div始终固定在顶部的</div>
<div class="edg_cont">这是一个内容区域的div，装载的是内容</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
黄色区域：
<div style="position:fixed;top:0;z-index:1;background:yellow;"></div>
红色和蓝色区域的样式中添加z-index:2就好了
<div style="position:fixed;top:0;z-index:1;background:yellow;"></div>
红色和蓝色区域的样式中添加z-index:2就好了
追问
但是鼠标滚动向下后红色就得保持在浏览器最上面，然后等回位红色不见黄色在最上面，要的是这种效果，据说要js+css配合，你要是知道麻烦你给我一个实例^_^
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
position:fixed,固定定位?
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
