具有高斯模糊的剑道 UI 模态

Question

如果我想用漂亮的高斯模糊代替模态剑道窗口的默认灰色背景，如下图所示？ Here I provide Demo in Dojo

如何做到这一点？

Answer 1

你还必须给你的主要内容（包含所有文本的 div）一个类，然后在打开窗口时模糊该类：

<div id="maincontent">This is the main body text</div>

function onOpen() {       
    let main = document.getElementById("maincontent")
    main.style.filter = "blur(2px)"
}

在您的代码 sn-p 中，我使用了 P 标记来模糊：