與Chrome一起懸停的白色閃爍/閃爍

我在設計的網站上遇到了一個相當奇怪的問題。每次您將鼠標懸停在鏈接中或鏈接外時，鏈接元素以及某些情況下其父項快速閃爍白色。這發生在每個鏈接上，而不僅僅是具有過渡效果或不同懸停顏色的鏈接。在FF上，一切正常。白色也不是身體的顏色。與Chrome一起懸停的白色閃爍/閃爍

什麼讓它更神祕是我沒有做任何改變的網站。我只更新Chrome的..

我會張貼圖片太多，但因爲我不允許我到一個新的用戶，必須這樣做的鏈接： http://www.planetoidi.com/temp/hover.jpg

來源

2012-06-15 ninjapiraatti

請分享您的代碼爲更好地理解 – sandeep

我不知道哪一部分在這裏粘貼的代碼..問題出現在所有頁面，我注意到，即使當我選擇和取消選擇文本，它也閃爍白色。在任何情況下，這裏是一個元素的基本代碼： 'awebkit-transition：所有的0.3s易於理解; -moz-transition：全部0.3s緩解; -ms-transition：全部0.3s緩解; -o-transition：全部0.3s緩解; 過渡：全部0.3s緩解; } a，a：visited顏色：$ link; text-decoration：none; } 對不起，可怕的格式，我試圖找到換行:) – ninjapiraatti

我也檢查了一些以前的網站，我已經做了一些顯示相同的症狀（他們從未做過）。然後再一些網站工作正常，所以我想我需要找出他們有什麼共同點。 – ninjapiraatti

這是由一大類引起的Chrome中出現閃爍（白色或黑色，取決於錯誤）在加速渲染或從加速渲染轉換時出現的錯誤。從非懸停狀態進行CSS轉換時，可能會發生懸停。

解決方法是確保元素的基本狀態使用加速渲染。一種方法是添加下面的規則你的元素（不包括：懸停選擇器）：

-webkit-backface-visibility: hidden;

來源：http://www.sitepoint.com/fix-chrome-animation-flash-bug/

來源

2014-04-07 20:01:44

與Chrome一起懸停的白色閃爍/閃爍

回答

相關問題