Background Position Demo Page
This sample page uses the background-attachment property to fix a background image at a specified location on the page. A screenshot and 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
body {
background-image:
url(../images/mallrat.gif);
background-repeat: no-repeat;
background-position: 0px 200px;
background-attachment: fixed;
}Return to Background-position Lesson (black version)
Return to Background-position Lesson (white version)
