css中filter属性和backdrop-filter的应用与区别详解

区别:

• filter不仅仅作用于当前元素，后代元素也会继承这个属性，作用于一个空背景元素则没有效果
• backdrop-filter 是使透过该层的底部元素模糊化
• backdrop-filter属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 因为它适用于元素 背后 的所有元素，为了看到效果，必须使元素或其背景至少部分透明。
• backdrop-filter目前兼容性不佳，尤其是安卓移动端。