Html页面简单实现背景模糊效果

新建一个div标签

<div id="cover_bg"></div>

设置此标签样式

#cover_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    backdrop-filter: blur(1rem);
}

显示不需要隐藏的标签内容

z-index: 6;

//在标签的样式中加入以上内容即可