[csswg-drafts] [css-background-4] Set independent background for overscroll on any side (#13501)

romainmenke has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-background-4] Set independent background for overscroll on any side ==
We often have designs where the header and footer have a different background color than the page body.
Header and footer also often aren't the same background color.

We currently either ignore the overscroll background color or set the `html` background color to that of the header section.

I've seen some workarounds that flip the html background color when a page is scrolled beyond some point so that the footer overscroll also has a matching color.

This is unintuitive because we don't actually want to change the `html` background color.
This requires setting the intended background color on child elements and makes it impossible to use margins as they would reveal the `html` background color underneath.

A dedicated API to set overscroll backgrounds would be better.

-----

An example of an overscroll background that doesn't match the header section background color:

https://github.com/user-attachments/assets/c65bc8e0-9a08-4db0-9e07-0ab6df378808

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13501 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 16 February 2026 09:27:26 UTC