為什么我的選擇在jquery中不起作用？

Question

為什么這樣的樣本無法正常工作？

$("body:not(.modal-content)").css({
        '-webkit-filter': 'blur(4px)'
    });

它被毫無例外地應用於所有人。 jQuery 1.1我確實模糊了所有頁面，但“ Twitter Bootstrap”中的模式窗口除外。 謝謝

Answer 1

您正在模糊整個身體。

您的模態“窗口”將是主體內部的div（或其他元素）（它不會完全替代主體），因此將變得模糊。

您將需要重新組織頁面，以便主體具有兩個子元素：模態“窗口”和其余內容。 然后將模糊效果應用於包含其余內容的元素。

<body>
    <div class="content">...</div>
    <div class="modal-content">...</div>
</body>

$(".content").css({
    '-webkit-filter': 'blur(4px)'
});

注意：實驗性的-webkit-前綴僅適用於webkit（甚至可能不適用於新的webkit）。 filter非常標准，可以立即刪除實驗前綴。