CSS如何控制 2个div 的 部分 重叠在一起 并将其中一个div的内容固定显示在上层
1个回答
展开全部
重叠在一起需要改变默认的布局方式，将其中一个显示在上层需要设置深度顺序，这两点分别用如下样式完成
position: absolute; /*设置为绝对定位*/
z-index:999; /*设置重叠的上下次序，值越大月在上方*/示例如下
1.
创建Html元素
<div class="top">
<div class="b">我是绝对定位，并且重叠在上方</div>
<div class="a">我是默认定位</div>
</div>2.
设置css样式
div.top{margin:50px;padding:20px;width:200px;height:200px;border:2px dashed #ebbcbe;}
div.top div{width:100px;height:100px;padding:10px;color:white;}
div.a{background:red;}
div.b{background:green;position:absolute;top:100px;left:100px;z-index:999;}3.
观察显示效果
position: absolute; /*设置为绝对定位*/
z-index:999; /*设置重叠的上下次序，值越大月在上方*/示例如下
1.
创建Html元素
<div class="top">
<div class="b">我是绝对定位，并且重叠在上方</div>
<div class="a">我是默认定位</div>
</div>2.
设置css样式
div.top{margin:50px;padding:20px;width:200px;height:200px;border:2px dashed #ebbcbe;}
div.top div{width:100px;height:100px;padding:10px;color:white;}
div.a{background:red;}
div.b{background:green;position:absolute;top:100px;left:100px;z-index:999;}3.
观察显示效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
