Изменение шрифта фиксированной позиции CSS

Question

Когда я применяю положение: фиксированное к элементу, шрифт становится намного тоньше и пикселирован. Если позиция является относительной или абсолютной, шрифт отображается чисто.

Я заметил проблему как в Firefox, так и в Safari. Что происходит?

Редактировать

Вот изображение, показывающее разницу в тексте. Единственное, что меняется, это позиция. Эффект подобен в Safari, но менее драматичен.

Предложения CSS-сглаживания и сглаживания не кажутся важными.

Answer 1

Попытка использовать Z-индекс: 1 и положение относительно на родительском элементе. См решение в этом видео:

https://www.youtube.com/watch?v=9Woaz-cKPCE&hd=1

я могу себе это имеет какое-то отношение друг к другу.

Answer 2

Это может быть проблема с рендерингом. Попробуйте это на элементе для лучшего рендеринга:

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