小程序
小游戏
企业微信
微信支付
扫描小程序码分享
请问有没有大神指导如何在安卓版本的小程序中实现实时毛玻璃的效果,如图下:
这是在开发者工具中的效果,在ios真机下也没问题
代码使用的是backdrop-filter: blur(36px),但是用Android真机则完全没有效果,有实现过的大神吗?
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
目前Android实现不了,iOS 12测试完美
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
上面的朋友,webkit加了也没有用哈,不知道你说的fallback是什么属性,会去了解一下。目前是用的单纯的filter:blur,不过效果没有那么好,rgba的话不能满足产品的需求。
backdrop-filter 仍然处于草案状态:https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty 目前是 webkit 内核的专有样式属性,需要加 webkit 前缀。可能需要 fallback 到其他属性
某些 Android 可能不支持此滤镜,您可以转而使用 RGBA 半透明背景色来模拟此效果。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
目前Android实现不了,iOS 12测试完美
上面的朋友,webkit加了也没有用哈,不知道你说的fallback是什么属性,会去了解一下。目前是用的单纯的filter:blur,不过效果没有那么好,rgba的话不能满足产品的需求。
backdrop-filter 仍然处于草案状态:https://drafts.fxtf.org/filter-effects-2/#BackdropFilterProperty 目前是 webkit 内核的专有样式属性,需要加 webkit 前缀。可能需要 fallback 到其他属性
某些 Android 可能不支持此滤镜,您可以转而使用 RGBA 半透明背景色来模拟此效果。