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

在html中字浮于图上的话：

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

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

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

</div>

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

1、首先打开Dreamweaver，创建html文件。

2、其次先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，打开浏览器。

3、最后打开浏览器后即可看到效果，两张图片分别浮动在文本的两边，文字则是围绕在图片周围。

需要准备的材料分别有：电脑、浏览器、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页面，此时文字成功浮动到了图片右上方了。

---