CSS Examples: background-attachment

Examples

The example on this page demonstrates the use of the "fixed" value for the "background-attachment" property, applied to the image of the cat you see in the bottom right corner. In order to see how it works, you will have to make the window short enough that a vertical scrollbar appears. I have added some extra whitespace below to facilitate this.

Styles Used

body {
	background-image: url("images/cartooncat.png");
	background-position: bottom left;
	background-attachment: fixed;
	background-repeat: no-repeat;
}