情况有些复杂,简单描述一下关键词:安卓微信下,fixed 定位悬浮按钮,悬浮在一个 swiper 组件上,使用 background-color: rgba() 设置背景颜色。
出现的问题
悬浮按钮的整个背景颜色消失,即没有背景,只剩文字悬浮在哪,dom 块还在。使用 opacity 没事,iOS 端没事。安卓端其他页面的 rgba() 背景也没事。
粗略猜测
可能的影响因素:微信 bug 、fixed 定位、rgba() 背景色、悬浮在 swiper 上。两种以上因素造成问题,具体没有去探究。
解决办法
尝试过后,发现设置背景时直接使用 background 设置背景而不是 background-color 可以解决问题。