1

希望标题使这相当不言自明。

只是一点背景知识,我创建并启动了一个 aurelia 模态对话框,它出现在启动它的父窗口的顶部。

有没有办法让背景(父)窗口出现褪色。我在 .NET 环境中做过类似的事情,只是想知道在 aurelia 中是否可以实现类似的事情?

一些示例 aurelia-dialog 链接:

https://www.tutorialspoint.com/aurelia/aurelia_dialog.htm

https://aurelia.io/docs/plugins/dialog#using-the-plugin

4

1 回答 1

1

我的问题的答案原来是在 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 的模态对话框时使背景褪色以及在关闭时不褪色所需的全部内容。

于 2019-05-21T12:08:42.667 回答