Background Position Demo Page
fixed with repeat-y
This sample page uses the background-attachment property to fix a background image with background-repeat: repeat-y. A Screenshots 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.
body {
background-image:
url(../images/mallrat.gif);
background-repeat: repeat-y;
background-position: top left;
background-attachment: fixed;
}Return to Background-position Lesson (black version)
Return to Background-position Lesson (white version)
