http://www.w3cplus.com/css3/advanced-css-filters.html；

backdrop-filter：blur(10px);只支持ios端；只作用于當(dāng)前元素；

適用場(chǎng)景：為背景添加模糊效果；如果目標(biāo)元素內(nèi)包裹著其他內(nèi)容 則應(yīng)用filter屬性；

（不支持安卓，效果不明顯）

http://www.w3cplus.com/css3/advanced-css-filters.html；

backdrop-filter：blur(10px);只支持ios端；只作用于當(dāng)前元素；

適用場(chǎng)景：為背景添加模糊效果；如果目標(biāo)元素內(nèi)包裹著其他內(nèi)容 則應(yīng)用filter屬性；

（不支持安卓，效果不明顯）

?

filter：blur(10px); ?兼容性比較好，不僅僅作用于當(dāng)前元素，后代元素也會(huì)繼承這個(gè)屬性，作用于一個(gè)空背景元素沒(méi)有效果

適用場(chǎng)景：

（效果其實(shí)還是通過(guò)作用于具體的img元素才實(shí)現(xiàn)模糊效果，如果單單作用于一個(gè)空元素背景 則沒(méi)有效果）

總結(jié)

以上是生活随笔為你收集整理的backdrop-filter 和filter 写出高斯模糊效果 以及两者区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。