Chrome + Safari不透明轉換錯誤創建st

我對Chrome和Safari中的不透明轉換有一個錯誤。當我將鼠標懸停在子div上觸發從0到1的不透明度轉換的父div上時，子div下面的內容在分裂時刻抖動。Chrome + Safari不透明轉換錯誤創建st

我試過在body上使用-webkit-font-smoothing: antialiased;，但效果仍然會發生。任何想法爲什麼？您可以看到問題here（使用Chrome或Safari，將鼠標懸停在頂部菜單中的「帳戶」鏈接上，即可看到閃爍）。

2014-03-25 eclipsis

將-webkit-backface-visibility: hidden;添加到該元素，或者如果您想設置一個覆蓋語句，則將其添加到*的所有元素。

更詳細地描述問題的幾個環節：

2014-03-25 23:46:15 John

謝謝你的答案約翰。將'-webkit-backface-visibility：hidden;'應用於身體選擇器會好嗎？ – eclipsis

只要它修復了閃爍並且不會導致任何其他問題，那麼它應該沒問題。與其他任何事情一樣，它有可能造成自己的問題，所以最好只針對造成問題的特定元素。 – John

回答