Kendo UI 高斯模糊模态

Question

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

如何实现？

Answer 1

你还必须给你的主要内容（包含所有文本的 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 标签来模糊：