Safari模糊奇怪的錯誤

我目前正在重新設計我的一個網站。我使用CSS模糊濾鏡：Safari模糊奇怪的錯誤

.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"); 
    }) 
});

這所有的工作順利，直到我升級到小牛和新的Safari瀏覽器。現在有時文章完全消失，或者文本背後有一個奇怪的影子。

自己看看：http://www.zujab.at。用鼠標移動文章。其他人應該模糊（有時現在這個奇怪的影子出現）。移至其他文章。現在將鼠標移至右側邊欄或頂部菜單欄。現在文章是隱藏的，我敢肯定這不是我的錯。

所以我的問題是。（你能重現嗎？並且...）有人知道我能否解決這個問題嗎？

來源

2014-01-11 idmean

可以複製，沒有挖到爲什麼，但至少你知道你不會生氣！ –

我解決了我的問題，雖然我不太清楚我是怎麼做的。我做了一些修改標記起來（我不知道這些解決問題的）：

不再使用引導電網，現在沒位置樣式應用於父DIV
添加overflow: hidden;父DIV
去除clearfix了受影響的div
浮動工具條的（即使我不認爲這是相關的）

...希望這將可能幫助別人。

來源

2014-01-24 17:40:05 idmean

Safari模糊奇怪的錯誤

回答

相關問題