<分区>
<分区>
我有两个带有背景颜色的 div
,一个与另一个重叠。问题是我可以通过顶部的div
看到底层div
的内容。
https://jsfiddle.net/jost_s/0dxwtbvn/23/
div {
background-color: lightblue;
width: 100px;
height: 100px;
font-size: 3rem;
display: flex;
align-items: center;
justify-content: center;
}
.overlapping {
margin-left: 50px;
margin-top: -50px;
border: 1px solid white;
}
<div>AB</div>
<div class="overlapping">CD</div>
最佳答案
使用position:relative
div {
background-color: lightblue;
width: 100px;
height: 100px;
font-size: 3rem;
display: flex;
align-items: center;
justify-content: center;
}
.overlapping {
margin-left: 50px;
margin-top: -50px;
border: 1px solid white;
position:relative;
}
<div>
AB
</div>
<div class="overlapping">
CD
</div>
关于html - 具有不透明背景的重叠 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58629385/