如何模糊div？

Question

我正在使用Vague.js来模糊div但我似乎无法让它工作.

我的JavaScript:

$(document).load(function() {
    var vague = $('.zero').Vague({
        intensity: 3,
        forceSVGUrl: false
    });

    vague.blur();
});

我$(document).ready(...)先尝试过,但没有用,所以我转而去了.load(..)

HTML:

<div class="block zero">
    <img src="images/rb.png" />
</div>

CSS:

.zero {
    background: url(../images/11.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Answer 1

更改$(document).load(到$(document).ready(

$(document).ready(function() {
    var vague = $('.zero').Vague({
        intensity: 3,
        forceSVGUrl: false
    });    
    vague.blur();
});

或使用

$(window).load(function(){

或使用速记 $( document ).ready()

$(function(){