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

html-css012

css怎么让文字显示在图片的上面,第1张

工具/材料：电脑。

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

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

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

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

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

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

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

第一种：

在css中有不同的优先级

想提高某个属性的优先级：在元素后加！important；

比如，在CSS中给了.box {color:red !important}这个属性，就意味着类名为box的这个标签具有最高优先级，不管你把默认的颜色设置为什么，他最终只会显示红色。

第二种：

在定位时用z-index

z-index值越高，则越显示在前面 

正常的z-index值等于0    最高999