Css 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之前，这一切都很好。现在，有时文章完全消失了，或者文字后面有一个奇怪的影子

---

所以我的问题是。（你能复制这个吗？还有…）有人知道我是否能解决这个问题吗？

我解决了我的问题，尽管我不太清楚我是如何解决的。我对加价做了一些更改（我不确定哪一个解决了问题）：

• 不再使用引导网格，现在没有位置样式应用于父div
• 新增

  溢出：隐藏到父div

• 从受影响的div中删除了clearfix
• 浮动侧边栏（即使我认为这与此无关）

---

…希望这可能会对某人有所帮助。

我解决了我的问题，尽管我不太清楚我是如何解决的。我对加价做了一些更改（我不确定哪一个解决了问题）：

• 不再使用引导网格，现在没有位置样式应用于父div
• 新增

  溢出：隐藏到父div

• 从受影响的div中删除了clearfix
• 浮动侧边栏（即使我认为这与此无关）

---

…希望这可能会对某些人有所帮助。

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

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

可以复制，但还没有探究原因，但至少您知道自己不会发疯！可以复制，还没有探究原因，但至少你知道你不会发疯！