Question

    $('#button').click(function(){
       $('body').css('-webkit-filter', 'blur(4px)');
    });

当按下按钮时，一切都变得模糊，我想将.not（）添加到那里，这样当按下按钮时“登录”div也不会模糊。我该如何添加？我是jquery的新手，干杯！

Answer 1

我想这是不可能的，因为与不透明度相同的问题。身体内的一切都会模糊不清。

如果你想要这个，你需要模糊一个容器或包装div。

<body>
    <div id="loginDiv">
        Your login window goes here
    </div>
    <div id="containerDiv">
        Your content goes here
    </div>
</body>

如果你模糊了containerDiv并使用z-index将loginDiv定位在它上面，它会给你想要的结果。

Answer 2

添加一些css怎么样？ http://jsfiddle.net/nn2Ng/2/

.blurred * {
    -webkit-filter: blur(4px);
}

#login, .blurred #login * {
    -webkit-filter: blur(0px);
}

$("#button").click(function(){
    $('body').toggleClass('blurred');
})

如何在此添加jquery .not（）？

2 个答案: