希望标题使这相当不言自明。
只是一点背景知识,我创建并启动了一个 aurelia 模态对话框,它出现在启动它的父窗口的顶部。
有没有办法让背景(父)窗口出现褪色。我在 .NET 环境中做过类似的事情,只是想知道在 aurelia 中是否可以实现类似的事情?
一些示例 aurelia-dialog 链接:
希望标题使这相当不言自明。
只是一点背景知识,我创建并启动了一个 aurelia 模态对话框,它出现在启动它的父窗口的顶部。
有没有办法让背景(父)窗口出现褪色。我在 .NET 环境中做过类似的事情,只是想知道在 aurelia 中是否可以实现类似的事情?
一些示例 aurelia-dialog 链接:
我的问题的答案原来是在 aurelia 论坛之一上:
https://github.com/aurelia/dialog/issues/84#issuecomment-239429527
更新您的 css 以包含背景/不透明度设置是一个案例,如下所示:
ai-dialog-overlay.active {
background-color: black;
opacity: .5;
}
话虽如此,请注意已经引入了一项重大更改,将“ai-dialog”重命名为“ux-dialog”:
https://discourse.aurelia.io/t/trouble-with-aurelia-dialog-not-displaying-correctly/1382
所以你的 CSS 代码现在应该是:
ux-dialog-overlay.active {
opacity: 0.6;
background-color: gray;
}
我发现这就是在打开基于 aurelia 的模态对话框时使背景褪色以及在关闭时不褪色所需的全部内容。