记录一个坑
如图,在ios端。右边灰色部分需要覆盖在左边展示图片之上,此时如果我们按照普通的布局左边静态右边absolute置于左边之上,在iOS端滚动的时候会出现左边图片会覆盖掉右边灰色背景的情况。
但是若将灰色背景强行absolute置于左边展示图上,有会出现滚动的时候文字被灰色背景覆盖的问题
我的改进是:以展示图和灰色背景统一放在一个div中作为背景,右边文字部分absolute置于上方。
<div class="img" :style="{background: 'url('+cafeImg+') top right no-repeat / contain, url('+greybg+') top left no-repeat / contain'}">