CSS固定位置字體改變

當我應用位置：固定到一個元素時，字體呈現得更薄更像素化。如果位置是相對或絕對的，則字體呈現乾淨。CSS固定位置字體改變

我注意到了Firefox和Safari的問題。發生了什麼？

編輯

這裏是表示文本的差異的圖像。唯一改變的是位置。 Safari的效果類似，但效果不太明顯。

CSS字體平滑和反別名建議似乎沒有區別。

font render example

2015-04-01 HWD

提供一個代碼示例。一個片段將有助於獲得更好的答案。 – Obsidian 2015-04-01 07:17:41

你能舉個例子嗎？ – Dropout 2015-04-01 07:18:02

你可能想讀這個線程： http://stackoverflow.com/questions/3730561/web-safe-font-weights-how-to-get-thinner – Bladepianist 2015-04-01 07:19:31

嘗試使用的z-index：1個位置相對於父元素。在這個視頻請參閱解決方案：

我能想象它是與對方。

2015-04-01 07:15:11

這可能是一個渲染問題。試試這個元素以獲得更好的渲染效果：

-webkit-font-smoothing: antialiased; 
font-smoothing: antialiased; 
text-rendering: optimizeLegibility;

2015-04-01 07:17:44 Ben

非常感謝，我有這個問題，這是解決方案！ – 2016-02-27 02:58:48

回答