关于#html#的问题:html里怎么把图片下面的内容显示到图片上面,图片下面的内容用了position ,它在图片的背面显示看不见了

html里怎么把图片下面的内容显示到图片上面,图片下面的内容用了position ,现在不好操作了,它在图片的背面显示看不见了

提高内容的层级,z-index

图片跟内容的父元素用position:relative;内容用absolute,加top,left值控制位置就可以

img

<div style="position: relative;">
        <img src="aa/akgf-m/images/index_01.jpg"/>
        <div class="content" style="position: absolute;top:0;background: rgba(0,0,0,.5);">
            这是内容
        </div>

最外层的定义的标签相对定位设置position:relative,文字内容设置绝对定位position:absolute,top:0,left:0;z-index:1;