The following 6 pages demonstrate the background properties.
Rule for background-attachment.
body {background-image: url('bg-2.gif'); background-attachment: fixed;
background-repeat: no-repeat}
You see the yin-yang background image in the upper-left corner of this page.
The background-attachment property has two values - fixed and scroll.
The fixed value refers to the background image remaining fixed in its
position when the viewer is scrolled down. Scroll down this window
and see that the background image is fixed in its position as the
page content is passing upward.
If instead the value of scroll is used for the background-attachment property
then the image will roll up with all the other page content when
the viewer scrolls down the page.
As you scroll down this page the yin-yang background image
in the upper-left corner is fixed in its place as the page
content rolls past.
If the background-attachment value is scroll, then the
background image will roll up the page with all the
other content.
As you scroll down this page the yin-yang background image
in the upper-left corner is fixed in its place as the page
content rolls past.
If the background-attachment value is scroll, then the
background image will roll up the page with all the
other content.
To background-position