Safari 模糊了奇怪的错误

我目前正在重新设计我的一个网站。我使用 CSS 模糊滤镜：

.blur {
   blur(5px);
   -webkit-filter: blur(5px);
}

和一些 CSS 动画

.animate-blur {
   transition: 0.45s all ease-out;
}

以动画方式打开和关闭这些模糊样式。 转动是通过这个脚本完成的：

jQuery(function(){
    jQuery("article").hover(function(){
        jQuery("article").not(this).addClass("blur");
    },function(){
        jQuery("article").removeClass("blur");
    })
    jQuery(".sitename").hover(function(){
        jQuery("article").addClass("blur");
        jQuery("#background-top,#background-bottom").removeClass("blur");
    },function(){
        jQuery("article").removeClass("blur");
        jQuery("#background-top,#background-bottom").addClass("blur");
    })
});

在我升级到 Mavericks 和新的 Safari 之前，这一切都很顺利。现在有时文章完全消失或者文本后面有一个奇怪的阴影。

所以我的问题是。 （你能重现这个吗？并且......）有人知道我是否可以解决这个问题吗？

除了作者提出的解决方案之外，css属性“will-change”可以帮助您。它允许您吸引额外的系统资源来播放动画。