怎样能用css作出文字叠加在图片上的效果

简单点就是background做背景就可以了。

或者用position定位，然后index设置层数，数字越大，显示越靠前

<div style="position:relative;">
    <img src="" style="position:absolute;index:1;">
    <span style="positon:absolute;index:2;">文字</span>
</div>

---