jquery - Webkit 在页面加载时模糊淡出

Question

$(window).load(function(){ $("#data").animate({-webkit-filter:blur(0px)}, 1500 ); });

(其中#data是body的一部分，width=100% and height=100%，上面有一些其他层)请看this图片。

我希望半透明部分 (#data) 在加载程序(z-index 高于#data)消失后变得清晰，即在页面加载时。但是这段代码不起作用。有没有其他选择？另外..我希望它是动画的。

我们将不胜感激。

Answer 1

也许使用 jquery.fadeIn 效果会给你想要的东西？

$(window).load(function(){ $('#data').fadeIn(1500) });

jQuery fadeIn