Safari模糊了奇怪的bug [英] Safari blurs strange bugs

问题描述

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

I'm currently redesigning one of my sites. I using the CSS blur filter:

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

和一些CSS动画

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

来打开和关闭这些模糊样式的动画。
转动是由这个脚本完成的：

to animate the turn on and off these blur styles. The turning is done by this script:

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。现在有时文章完全消失，或文字背后有一个奇怪的阴影。

That worked all well until I upgraded to Mavericks and the new Safari. Now sometimes the articles completely disappear or there is a strange shadow behind the text.

自己看看： http://www.zujab.at 。将鼠标移动到文章上。其他人应该模糊（有时现在这个奇怪的阴影出现）。移动到另一篇文章。现在将鼠标移动到右侧边栏或顶部菜单。现在文章是隐藏的，我敢肯定，这不是我的错。

Take a look yourself: http://www.zujab.at. Move with your mouse over an article. The others should be blured (sometimes now this strange shadow appears). Move to another article. Now move your mouse to the right sidebar or to the top menubar. Now the articles are hidden, I'm sure it's not my fault.

所以我的问题是。

推荐答案

我解决了我的问题，虽然我不太确定我是怎么做的。我对标记做了一些修改（我不知道哪些解决了这个问题）：

I resolved my problem, although I'm not quite sure how I did. I made some changes to the mark up (I'm not sure which of these solved the problem):

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


• 已将 overflow：hidden; 添加到父div


• 从受影响的div中移除了一个clearfix


• 浮动边栏（即使我认为这不相关）

• no longer using the bootstrap grid, now no position style is applied to the parent div
• added overflow: hidden; to the parent div
• removed a clearfix out of the affected divs
• floating the sidebar (even I don't think this is relevant)

...希望这可能会帮助某人。

...in the hope this will probably help somebody.

这篇关于Safari模糊了奇怪的bug的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！