html文字浮于图片上

要让文字浮于图片上，可以使用CSS中的position属性和z-index属性。具体操作如下：

首先，在HTML中，将图片和文字都放在一个容器中，如下所示：

<div class="container">
  <img src="your-image-url" alt="your-image-description">
  <p>your text</p>
</div>

然后，在CSS中，为容器设置相对定位，为文字设置绝对定位，并设置z-index属性值，如下所示：

.container {
  position: relative;
}

p {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

其中，容器的position属性为relative，表示相对定位；文字的position属性为absolute，表示绝对定位；top和left属性为0，表示文字在容器的左上角；z-index属性值为1，表示文字的z轴层级比图片高，因此文字会浮于图片上方。

这样就可以实现文字浮于图片上的效果了。