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

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

適用場景：為背景添加模糊效果；如果目標元素內包裹著其他內容 則應用filter屬性；

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

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

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

適用場景：為背景添加模糊效果；如果目標元素內包裹著其他內容 則應用filter屬性；

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

?

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

適用場景：

（效果其實還是通過作用于具體的img元素才實現模糊效果，如果單單作用于一個空元素背景 則沒有效果）

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。