<分区>
<分区>
难倒了。
我有一张基本卡片,上面有一张图片和一个我想 float 在图片上的文本标签。
标签应该在文本后面和图像上面有一个背景色。
文本的背景改为位于图像的后面。
https://codepen.io/Mikeritteronline/pen/LwJYaR
<div class="card">
<div class="card__image">
<img src="https://placehold.it/1024x768" alt="">
</div>
<div class="card__tag">
<p>Image Tag</p>
</div>
</div>
img {
max-width:100%;
height: auto;
margin: auto;
}
.card {
max-width: 320px;
margin: auto;
}
.card__tag p{
background: blue;
color: lime;
padding: 0.25rem;
margin-top: -3rem;
}
最佳答案
你可以添加position
来实现你想要的。
.card {
position: relative;
}
.card__tag p {
position: absolute;
}
关于html - 如何将带有彩色背景的 div 放置在前面的图像上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57428930/