У меня есть раздел полной ширины сайта, который имеет тот же цвет логотипа. Поэтому я использовал background-attatchment: исправлено, чтобы удерживать второй «искусственный» (как в дизайне) логотип поверх обычного логотипа, который существует на всем сайте.
Это работает, как и ожидалось, во всех браузерах, которые мне тоже нужны. Однако на днях я запрыгнул на старый MBP, который Chrome не обновлялся некоторое время, и заметил, что логотип не выровнен точно на 20 пикселей.
Я воссоздал его в виде пера кода, думая, что, возможно, это была некоторая проблема с отступом / полем в моем макете, но даже в версии с суперобрезкой назад проблема все еще существует.
Современный хром:
правильно выровненные логотипы
Chrome V50:
Причина проблемы в более старых версиях Chrome
https://codepen.io/jaketh9000/pen/wEYWpB
background-position: calc(100vw - 185px) 20px;
Моим первым инстинктом было то, что было бы немного странно, если бы я получил положение фона, чтобы выровнять вправо. Но даже когда я просто использую прямое значение px, та же проблема сохраняется.
Любые идеи будут с благодарностью.
Приветствие.