Background Position Demo Page
This sample page uses the background-attachment property to fix a background image in the center of the page. The image does not scroll with the page. Screenshots and a stylesheet are at the bottom of the page.
Proin diam dolor, dictum vitae, tempor ut, tincidunt eu, nisl. Aenean id neque at massa viverra viverra. Fusce laoreet magna laoreet est. Phasellus non lorem. Aliquam blandit nisl vitae wisi. Quisque fermentum consectetuer purus. Sed bibendum, nunc ut porta imperdiet, sem dui dignissim nunc, eu fermentum ante augue sed neque.
Vivamus tristique posuere neque. Duis eleifend nulla ut turpis. Cras tincidunt, turpis quis pulvinar laoreet, purus nulla bibendum libero, ut mollis sapien arcu ac leo. Ut viverra feugiat risus.
PC Screenshot 1
PC Screenshot 2
PC Screenshot 3
body {
background-image:
url(../images/mallrat.gif);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}Return to Background-position Lesson (black version)
Return to Background-position Lesson (white version)
