2015-12-16 25 views
0

我想將以下效果應用於背景。現在,當彈出窗口出現時,背景會淡化一點。我正在嘗試使背景模糊。我讀過.popup-container類是彈出窗口的外部背景。例如,將.popup容器的背景顏色更改爲紅色會使背景變爲紅色。我想讓文字或任何背後的彈出窗口模糊。離子彈出 - 如何在彈出容器上應用模糊效果,但不彈出彈出窗口?

我想添加模糊,但它似乎沒有做任何事情。你能幫忙嗎?​​

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

回答

0

你想要做什麼是有條件應用類,使用ng-class,你的整個視圖。無論是你的ion-content還是隻是一些div或其他。然後,您可以像設置.popup-container一樣將這個新類的屬性設置爲模糊。

此類應用的條件應該是每當你的彈出窗口打開時。

示例here