javascript - 模糊除特定 div 之外的所有内容

Question

一旦 div 出现，我想模糊整个背景。我已经隐藏了 div，它将出现在按钮单击中。在那个 div 外观上，整个背景应该是模糊的。我怎样才能做到这一点？

标签： javascripthtmlcss

Answer 1

您可以执行以下操作

在你的 CSS

.blur {
filter: blur(5px);

}

文件

document.querySelector("*").classList.add("blur");
document.querySelector("div_id").classList.remove("blur");