如何让文字在div上面浮动

我想做成的效果是这样的

以下是我的代码，样式我没有搞出来

但是我最终做成的结果是这样的

额，没办法将文字浮动在div上面，使用相对定位也不行

把p标签放到div内容，使用相对定位，调整right和bottom到合适位置

        <div class="txz" style="z-index: 100;position: relative;">
            <img src="" alt="">
            <p style="position: absolute;bottom:0;right:0;">光照</p>
        </div>

z-index: 100;

调整html层级关系，在你文字的那块的样式添加这一句即可解决

从代码上面看 是因为你div上面加了 定位 position: relative; 去掉就可以了，如果是需要的样式 在p标签上面也加一个定位也可以，或者更改你的dom结构，方法很多

<div class="txz" style="z-index: 100;position: relative;">
    <p style="position: absolute;bottom:0;right:0;background-image: url();">光照</p>
</div>