工具/材料：电脑。
css让文字显示在图片上的操作步骤如下：
1、首先在div里面书写文字，然后放入1张图片。
2、这时应该先给div设置宽度和高度，保证文字有1个范围。
3、然后通过background给div添加1张图片作为它的背景。
4、然后通过url()来连接图片，这个时候url里面放置的就是背景图片的路径。
5、然后放入1张图片用作背景，注意路径正确。
6、最后点击保存，文字就会覆盖在图片上，css让文字显示在图片上的问题就解决了。
用CSS样式控制文字浮于图片上方，这个我们首先要明确的知道一个层的概念，这里就是将图片为一个层，然后文字又是一个层，然后我们使用一个position定位，将文字定于图片的位置，然后使用z-index这个层属性，来做，z-index的数值越大，层就越在上面，这里通过具体的代码来理解：<html>
<head>
<style>
.headr{
width:300px
height:200px
border:1px
solid
#f00
z-index:100
}
.wenzi{
position:absoulte
left:100px
//只是假定的值，具体需测量
top:200px
z-index:101
z-index的数值越大，层就越在上面
}
</head>
<body>
<div
class="headr"
>
//页头
<img
src='图片的地址'>
</div>
<div
class='wenzi'>
<p>我会在图片的上面</p>
</div>
</body>
</html>
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：span {position: absolutetop: 45pxleft: 180px}。
3、浏览器运行index.html页面，此时成功通过css设置了文字在图片上面居中显示。
