使用uniapp开发微信小程序的时候,有一个毛玻璃的效果。在开发工具里测试后没有问题,但是在真机上运行的时候就失效了。
排查发现只设置backdropFilter
的话,在ios真机下是无效的,我们还需要再加一段:-webkit-backdrop-filter:'blur(5px)'
,这样在ios真机下就可以正常显示毛玻璃效果了。
const style = {
zIndex: this.zIndex,
position: 'fixed',
display: 'flex',
backdropFilter: 'blur(5px)',
'-webkit-backdrop-filter':'blur(5px)'
}