html里怎么把图片下面的内容显示到图片上面,图片下面的内容用了position ,现在不好操作了,它在图片的背面显示看不见了
提高内容的层级,z-index
图片跟内容的父元素用position:relative;内容用absolute,加top,left值控制位置就可以
<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;