Почему фоновое изображение не распространяется на прокрутку в веб-ките, как это делает фоновый цвет? ⇐ Html

[Anonymous]

Я пытаюсь реализовать линейный градиент в теге html, чтобы он отображался, когда пользователь прокручивает страницу.

Я могу применить CSS-цвет фона к элементу html, чтобы цвета выглядели так, как будто они простираются над и под нашей страницей, чтобы сделать чрезмерную прокрутку менее резкой или «родной». Иногда это называют «резиновой лентой».

Прекрасный пример того, что я имею в виду, можно найти на сайте Питера Рамсинга. Его пример приведен ниже:




Однако фоновый цвет кажется единственным свойством, которое работает подобным образом. Вот пример разницы в поведении между фоновым цветом и фоновым изображением (linear-gradient) — приносим извинения за качество gif:




Вы можете найти разметку, воспроизводящую проблему, на codepen — ее нельзя воспроизвести внутри сам codepen, если только он не находится в режиме отладки, поэтому я предлагаю разветвить эту ссылку для тестирования.

Было бы неплохо иметь возможность расширять любое фоновое свойство и учитывать резиновые полосы. Я не думаю, что есть обходной путь, поэтому я хочу узнать, знает ли кто-нибудь, почему команда Chrome не включила эту функцию в качестве функции?

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

Подробнее здесь: https://stackoverflow.com/questions/475 ... background