css 中让字显示在图片上

CSS中可以使用position属性和z-index属性让文字显示在图片上面，如下所示：

    .image-text {
        position: relative;
        z-index: 1;
    }
    .image {
        position: absolute;
        z-index: 0;
    }

首先将图片的position属性设置为absolute，这将使它脱离文档流并可以放置在网页中任意位置。同时，将图片的z-index属性设置为0，使其显示在最底层。

然后将包裹文字的元素的position属性设置为relative，并将z-index属性设置为1，这将使文字显示在图片的上方。

完整代码如下：

    <div class="image-text">
        <img src="your-image-url" alt="your-image" class="image">
        <p>你想要显示的文字</p>
    </div>

    .image-text {
        position: relative;
        z-index: 1;
    }
    .image {
        position: absolute;
        z-index: 0;
    }

这样，你就可以把文字显示在图片上方了，具体效果可以看下面的演示：