css怎么更高效的在图片上加结构复杂的文本？

工作中经常会遇到在一个图片上有很多其他的结构和样式

假如图片内部结构比较复杂，来回相对定位，绝对定位会很晕，可以使用把一个盒子定位在图片上，再操作盒子内样式就简单多啦。

直接上方法：

父盒子{
position: relative
  父盒子内图片{
    width:100% 让图片铺满整个父盒子
  }
  在图片上的文本部分{
  position: absolute 
  left: 0
  top: 0 这样就使一个空盒子完全定在图片上啦，我们后续要做什么操作，直接在这个盒子里面写，非常方便
  }
}

亲测很方便，因为每次需要在图片上定位的样式，基本我都这么写的。