应用了filter:blur(<blur_size>);的元素的所有子孙元素都会被模糊处理（不是因为继承），即使子孙元素脱离了该元素的文档流也不能避免。
- 只对login-box背后部分模糊处理。解决方案是在login-box下层加一个与之重叠的元素，对此元素应用filter:blur(<blur_size>);，可以选择用伪元素：
1 2 3 4 5 6 7 8 9 10 |
|
并设置如下背景样式：
1 2 3 |
|
效果达成如下：
感谢大家的阅读，希望大家收益多多。
本文转自： https://blog.csdn.net/buttonChan/article/details/79889372
推荐教程：《CSS教程》
以上就是手把手教你CSS如何实现毛玻璃效果的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
