Aurelia 模态对话框 - 有没有办法让父窗口消失？

【问题标题】：Aurelia modal dialog - is there a way to make the parent window fade?Aurelia 模态对话框 - 有没有办法让父窗口消失？
【发布时间】：2019-10-07 00:58:18
【问题描述】：

希望标题能够使这一点不言自明。

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

有没有办法让背景（父）窗口显得褪色。我在 .NET 环境中做过类似的事情，只是想知道在 aurelia 中是否可以实现类似的事情？

一些示例 aurelia-dialog 链接：

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

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

【问题讨论】：

你可以通过css让叠加层有一个半透明的背景，够了吗？

标签： modal-dialog overlay aurelia aurelia-dialog

【解决方案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 的模态对话框时使背景褪色以及在关闭时不褪色所需要的全部内容。

【讨论】：