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

Posted 2023-04-28

工具/材料：电脑。

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

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

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

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

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

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

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

参考技术A 用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>

css 如何让图片位于文字的下方，文字在上面 图片在文字的下面（图片是一张虚线）而文字右边又有一张图片

如图

这个可以利用border-buttom设置虚线的边框
border-buttom:1px dashed;这样，

效果看这个
http://www.w3school.com.cn/tiy/t.asp?f=csse_border-bottom-style追问

我想用图片的的 下次改的时候好改

追答

那就用background吧，兼容性最好了。

参考技术A 将你做好的虚线图片，作为标签li的背景图
background:url(图片路径) left bottom;追问

谢谢 不过我试过这个方法 不好用 我的虚线图片在文字的上面了