backdrop-filter下拉出现毛玻璃效果

backdrop-filter CSS 属性可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。 因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。
backdrop-filter是让当前元素所在区域后面的内容模糊灰度或高亮之类,要想看到效果,需要元素本身半透明或者完全透明;而filter是让当前元素自身模糊灰度或高亮之类
只要把下拉容器原来的实色background-color变成半透明,再设置一个backdrop-filter blur()模糊就可以了
参考:https://developer.mozilla.org/zh-CN/docs/Web/CSS/backdrop-filter
https://www.zhangxinxu.com/wordpress/2019/11/css-backdrop-filter/

你可能感兴趣的:(总结,css,html)