backdrop-filter

backdrop-filter CSS 属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。

uni-app x 兼容性 ^?

Web	Android 系统版本	Android(VDOM)	Android(Vapor)	iOS 系统版本	iOS(VDOM)	iOS(Vapor)	HarmonyOS 系统版本	HarmonyOS(VDOM)	HarmonyOS(Vapor)
4.0	-	-	5.25	-	-	5.25	-	-	5.25

语法

backdrop-filter: none | <filter-function-list>;

示例源码如下，请查看 pre > code 标签中的内容

backdrop-filter: none | <filter-function-list>;

backdrop-filter 的属性值

名称	兼容性	描述
none		没有应用于背景的滤镜。
blur()		The blur() CSS function applies a Gaussian blur to the input image. Its result is a <filter-function>.

参见

• MDN Reference
• 相关 Bug