У меня действительно странная проблема с моим прошлым. Когда я изменяю background-attachment на fixed в css, шрифт в моем меню становится меньше по какой-то причине, которую я не могу понять. Когда я изменил его на прокрутку или локальный, он возвращается к предполагаемому размеру. Есть ли причины, по которым это происходит?
Редактировать
Предоставление примера для OP:
Проблема возникает для меня только в Safari (с Chrome все в порядке) и только на некоторых компьютерах (воспроизводится на MacBook Pro 15 "с дисплеями без Retina, но не на iMac и дисплеях Retina).
OSX: 10.8.5, 10.9.1
Версии Safari: 6.1.1, 7.0.1.
К сожалению, я не могу воспроизвести эту проблему с помощью jsfiddle, поскольку она не возникает в пределах iframes (однако содержимое iframe реагирует на это, что настоятельно рекомендует ошибку браузера IMHO).
Вместо этого вот пример HTML, который вы можете посмотреть локально:
<html>
<body style="background-image: url(http://static4.depositphotos.com/1000419/321/v/950/depositphotos_3210195-Art-tree-beautiful-black-silhouette.jpg); background-attachment: fixed;">
<p style="font-family: Arial; font-size: 30px;">some fun text</p>
</body>
</html>
Выберите тег body в инспекторе и переключите правило background-attachment
. Что вы увидите, так это то, что шрифт немного меняется (тоньше / смелее).
Я бы хотел выяснить, насколько это проблема и какие машины затронуты, так что проблема может в конечном итоге достичь какой-то бедной Apple dev ...:)
Обновление
Забавный факт: -webkit-transform: translateZ(0);
можно использовать в качестве обходного пути. Почему это работает, я не знаю ...