工作中经常会遇到在一个图片上有很多其他的结构和样式
假如图片内部结构比较复杂,来回相对定位,绝对定位会很晕,可以使用把一个盒子定位在图片上,再操作盒子内样式就简单多啦。
直接上方法:
父盒子{
position: relative
父盒子内图片{
width:100% 让图片铺满整个父盒子
}
在图片上的文本部分{
position: absolute
left: 0
top: 0 这样就使一个空盒子完全定在图片上啦,我们后续要做什么操作,直接在这个盒子里面写,非常方便
}
}
亲测很方便,因为每次需要在图片上定位的样式,基本我都这么写的。