我有一個網站，我在本地工作，其中包含一個固定的導航欄和一個HTML5視頻元素，高度爲500px。導航欄中的菜單項具有看起來像減輕字體重量或某種-webkit-font-smoothing：問題的功能，但只有在視頻滾過導航欄時纔會在視頻上顯示字體返回到正確的重量。當文本超過HTML5視頻時，固定頂部導航欄會改變字體粗細 - Chrome中的問題
這隻發生在Chrome中，它也發生在Safari中，但設法修復使用字體：100％;.
任何幫助或建議將不勝感激，因爲我一直在尋找答案整天。非常感謝。
我也遇到同樣的問題，沒有任何解決方案。
已經嘗試改變字體，但如果覆蓋視頻元素，我所測試的所有內容都會呈現不同的顏色。我沒有成功解決使用webkit css屬性（如-webkit-font-smoothing或-webkit-text-stroke）的解決方法。
因爲我做了一些搜索，我發現它似乎是一個關於Google Chrome的已知問題。
的Webkit有時與渲染實時元素如果發生大量的頁面上一次的問題 - 尤其是在你的JS。在CSS添加到您的「粘性」導航的父元素：
/* Change this to your selector */
.someStickyNavParent {
-webkit-backface-visibility: hidden;
}
如果您仍然遇到與該元素的兒童的問題，你總是可以使用一個通用的選擇。
/* Change this to your selector */
.someStickyNavParent * {
-webkit-backface-visibility: hidden;
}