Как решить проблему с background-attachment:fixed в Chrome?

Question

[Антон]

Здравствуйте! Перерыл весь гугл, но так и не нашел решения. Обнаружил проблему с background-attachment:fixed в браузерах на основе Chromium. Если в том же FireFox, Safari и IE, фоновое изображение фиксируется, а контент прокручивается, то в Chrome и его клонах, оно загружается частями и плавает при прокрутке страницы за контентом. Такое происходит даже при отключенных скриптах и анимации.
Не знаю, как это показать, накидал вот пример, но в нем все работает. Может кто сталкивался с таким багом?

Comments

[Lynn «Кофеман»]

Ну так дайте пример в котором не работает.

[littleguga]

Chrome - всё работает правильно. Попробуйте вот это. Вам нужно, чтобы был фон, как верхний или как нижний?

Answer 1

[Underline]

Сталкивался с подобным, когда делал наложение слоев, нижний из которых был с фиксированным фоном и с относительным позиционированием (position: relative), а верхний - выступал в роли заливки с абсолютным (position: absolute). Здесь проблема именно в относительном позиционировании родительского слоя, если сделать его статичным (как у вас в примере, то проблема исчезнет).