Page 1 of 1

CSS Background Attachment

Posted: Fri Oct 27, 2023 8:21 am
by Guest
CSS Background Attachment


CSS background-attachment
The background-attachment property specifies
whether the background image should scroll or be fixed (will not scroll with the
rest of the page):

Example
Specify that the background image should be fixed:

body
{
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;}

Try it Yourself »


Example
Specify that the background image should scroll with the rest of the page:

body
{
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;}

Try it Yourself »


The CSS Background Attachment Property


Property
Description


background-attachment
Sets whether a background image is fixed or scrolls with the rest of the page















+1

Reference: https://www.w3schools.com/css/css_backg ... chment.asp