安卓端背景图片fixed属性和blur属性不能共存
发布于 4 年前 作者 longyong 4745 次浏览 来自 问答

图一是在开发者工具的模拟器中的场景,我为每一个格子都设置了背景图片,它们都是fixed的,图二是在安卓手机上的场景,fixed失效了,以下是问题代码

  background:#ffffff url('url') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  filter: blur(15rpx);

还有偶然间发现的另一个问题,如果将cover和background写在一起,如下

  background:#ffffff url('url') no-repeat cover;
  /* background-size: cover; */
  background-attachment: fixed;
  filter: blur(15rpx);

blur效果就不生效了,这个时候无论模拟器还是安卓的fixed都正常显示了。

所以我一开始以为是blur影响了fixed生效,但是注释了blur后在安卓端的fixed还是不生效,只有当cover直接写在background后面时,fixed才会正常生效,但是这时候blur又会失效。

复现片段已给出,望早日修复,或者大佬们有什么替代办法可以实现毛玻璃效果了希望可以分享一下。

回到顶部