Css 离子弹出-如何在弹出容器上应用模糊效果，而不是在弹出本身上？

我想对背景应用以下效果。现在，当弹出窗口出现时，背景会稍微淡一点。我试图使背景模糊。我读到.popup容器类是弹出窗口的外部背景。例如，将.popup容器的背景色更改为红色会使背景变为红色。我想使文本或弹出窗口后面的任何内容模糊

我试图添加模糊，但它似乎没有任何作用。你能帮忙吗

---

您要做的是使用

ng class

，对整个视图有条件地应用一个类。无论是你的

离子内容

还是一些div或其他什么。然后，您可以将这个新类的属性设置为模糊，就像上面使用

.popup container

所做的那样

应用该类的条件应该是每当弹出窗口打开时

范例

.my-popup.popup-container {
  filter: blur(2px);
}