关于mpvue小程序div盖不住图片的问题

最近用mpvue开发了一款小程序，页面设计是这样的，最上面是banner图，下方是content，content要盖住一点banner的图片，问题是图片会下方div的白色背景，小程序又不支持background-image的，所以我用定位解决了这个问题，接下来先看下设计图的样式

要完成的效果就是上方红色那块。
接下来看代码：
大概的html是这样的，由于代码太多，截图更方便快捷

大概介绍下，container-home里的content要盖住banner里的image(也可以说是盖住banner),所以我采取的方法是，
banner设置position:relative;
content同样是position:relative;
image设置position:absolute;(可以不加)
这样效果就成了