Question

我想将以下效果应用于后台。现在，当弹出窗口出现时，背景会稍微消失。我试图让背景模糊。我读到.popup-container类是弹出窗口的外部背景。例如，将.popup-container的背景颜色更改为红色会使背景变为红色。我想制作文本或弹出模糊背后的任何内容。

我正在尝试添加模糊，但它似乎没有做任何事情。你能帮忙吗？ http://codepen.io/anon/pen/gPbQNZ

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

Answer 1

您要做的是有条件地使用ng-class将一个类应用于整个视图。无论是你的ion-content还是只是一些div或者其他什么。然后，您可以将此新类的属性设置为模糊，就像上面使用.popup-container。

一样

应用此类的条件应该是弹出窗口打开时。

示例here