Question

为什么这样的样本无法正常工作？

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

它无一例外地应用于所有人。 Jquery 1.1 我确实模糊了所有页面，除了来自＆＃34; Twitter Bootstrap＆＃34;的模态窗口。感谢

Answer 1

你模糊整个身体。

你的模态＆＃34;窗口＆＃34;将是一个div（或其他一些元素）在体内（它不会完全取代身体）所以它会模糊不清。

您需要重新构建页面，以便正文有两个子元素：模态＆＃34;窗口＆＃34;和其他内容。然后将模糊效果应用于包含其余内容的元素。

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

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

注意：实验-webkit-前缀仅适用于webkit（甚至可能不适用于新的webkit）。 filter足够标准，您现在可以删除实验性前缀。