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

回答