css怎么让文字显示在图片的上面
发布网友
发布时间：2022-04-24 15:03
共2个回答
热心网友
时间：2022-04-20 13:08
工具/材料：电脑。
css让文字显示在图片上的操作步骤如下：
1、首先在div里面书写文字，然后放入1张图片。
2、这时应该先给div设置宽度和高度，保证文字有1个范围。
3、然后通过background给div添加1张图片作为它的背景。
4、然后通过url()来连接图片，这个时候url里面放置的就是背景图片的路径。
5、然后放入1张图片用作背景，注意路径正确。
6、最后点击保存，文字就会覆盖在图片上，css让文字显示在图片上的问题就解决了。
热心网友
时间：2022-04-20 14:26
用CSS往图片上嵌入文字有二种方法，分别如下：
第一种方法、添加一个DIV，采用绝对定位，图片所属DIV为基准。
参考代码如下：
<div style="position:relative;width:100px;height:100px;">
<img src="" alt="" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字
</div>
</div>
第二种方法、图片作为背景图片。
参考代码如下：
<div style="background:url(abc.jpg) no-repeat left top;">
wenzi
</div>
