css怎么让文字显示在图片的上面

如题所述

工具/材料:电脑。

css让文字显示在图片上的操作步骤如下:

1、首先在div里面书写文字,然后放入1张图片。

2、这时应该先给div设置宽度和高度,保证文字有1个范围。

3、然后通过background给div添加1张图片作为它的背景。

4、然后通过url()来连接图片,这个时候url里面放置的就是背景图片的路径。

5、然后放入1张图片用作背景,注意路径正确。

6、最后点击保存,文字就会覆盖在图片上,css让文字显示在图片上的问题就解决了。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-04-25
用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>本回答被网友采纳
相似回答