在元素上應用模糊元素

Question

我試圖在用戶打開小部件時在整個頁面上應用模糊效果。模糊效果應該應用於除了打開的小部件之外的整個頁面。

我說幹就幹，這樣做：

$("body div:not('.header__profile-create-wrapper') ").addClass("blur"); 

其工作，但小工具還具有還漸漸模糊在它的形式元素。我試圖做以下幾點：

$("body div:not('.header__profile-create-wrapper') > * ").addClass("blur"); 

這似乎並沒有伎倆。任何線索？

Answer 1

你應該選擇身體的直接孩子，否則任何div（和他們的孩子）會變得模糊。

$("body > div:not('.header__profile-create-wrapper') ").addClass("blur");