css怎么让文字在img上显示
时间: 2023-04-07 20:00:54 浏览: 229
可以使用CSS的position属性和z-index属性来实现文字在图片上方显示。具体的实现方法可以参考以下代码:
HTML代码:
```
<div class="image-container">
<img src="your-image-url" alt="your-image-description">
<div class="text-overlay">
<p>Your text here</p>
</div>
</div>
```
CSS代码:
```
.image-container {
position: relative;
}
.text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
```
其中,.image-container是图片和文字的容器,.text-overlay是文字的容器,使用position: absolute属性将其定位在图片上方,使用z-index属性将其置于图片之上。
阅读全文