Modal dialog Aurelia模态对话框-有没有办法使父窗口淡入淡出？

希望标题能让这一点不言自明

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

是否有办法使背景（父）窗口显示为淡入淡出。我在.NET环境中做过类似的事情，只是想知道在aurelia中是否可以实现类似的功能

一些示例aurelia对话框链接：

---

我的问题的答案出现在奥雷利亚的一个论坛上：

更新css以包含背景/不透明度设置是一个很好的例子，如下所示：

ai-dialog-overlay.active {
background-color: black;
opacity: .5;
}

话虽如此，但请注意，此后出现了一个突破性的变化，“ai对话”被重命名为“ux对话”：

因此，css的代码现在应该是：

ux-dialog-overlay.active {
opacity: 0.6;
background-color: gray;
}

---

我发现，打开基于aurelia的模态对话框时，这就是使背景淡入淡出所需的全部内容，关闭对话框时，也可以使背景不淡入淡出。

您可以通过css使覆盖具有半透明背景，这就足够了吗？