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

[Гость]

Я пытаюсь реализовать

Код: Выделить всё

linear-gradient

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

Я могу применить CSS

Код: Выделить всё

background-color

в

Код: Выделить всё

html

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

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



Однако

Код: Выделить всё

background-color

кажется единственным свойством, которое работает подобным образом. Вот пример разницы в поведении между

Код: Выделить всё

background-color иbackground-image

(linear-gradient) - apologies for the gif quality:



You can find the markup to replicate the issue on codepen - this cannot be replicated within codepen itself unless on debug mode so I suggest forking this link to test.

It would be nice to have the option to have any background property extend and take rubber banding into account. I don't think there's a work around for this so I'm looking to see if anyone would know as to why Chrome team have not included this as a feature?

If no one knows as to why I'm going to submit a bug/feature request for this.


Источник: https://stackoverflow.com/questions/475 ... background