微信小程序backdropFilter毛玻璃效果ios真机无效

uniapp yekong

使用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)'
}
喜欢