How to solve background-attachment:fixed problem in Chrome?

Question

css

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

Answer 1

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