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.
I faded the background image for this page so the text shows clearly on top the image. It would probably be a good idea to use this faded image for my other demo pages as well.
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.
body {
background-image:
url(../images/mallrat_bg.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)
