Kendo UI 高斯模糊模态

Kendo UI modal with Gaussian blur

如果我想用如下图所示的漂亮的高斯模糊替换模态 kendo window 的默认灰色背景是可能的吗? Here I provide Demo in Dojo

如何实现?

你还必须给你的主要内容(包含所有文本的 div)一个 class,然后在 window 是时模糊 class打开:

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

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

在你的代码片段中,我使用了 P 标签来模糊: