html中怎么让字浮于图片之上？

在html中字浮于图上的话：

1.通过使用一个div或者是p然后写上你所需要的字，然后在将那个图片设置成背景就行了；

<div style='background:url('图片地址')'>

<p>我是测试文字</p>

</div>

2.你可以使用一个z-index的属性，设置层，将文字层置于图片图片之上，在来一个position定位就行了

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：

<div style="background: url(small2.png)height: 60px">

<span style="position: absoluteright: 10px">123</span>

</div>

3、浏览器运行index.html页面，此时文字成功浮动到了图片右上方了。

对于h5如何让图片位于文字上方，可以使用CSS设置定位属性，将图片放在文字上方。具体步骤为：1、为要摆放的图片和文字分别设置绝对定位；2、对图片使用top和left定位，并设置z-index属性，使它优先显示；3、将文字使用bottom和left定位，使它在图片的下方显示。

---