Advanced Search

Return to Snippet

Revision: 15950
at July 21, 2009 11:16 by myrebel420
Initial Code 
<style type="text/css">
body { padding:0; margin:0; background:#fff; }
.content {
	padding:10px 20px 10px 200px;
	border-bottom:1px solid #666;
	background-color: trasnsparent;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	background-attachment: fixed;
}
.green {
	background-image: url(images/circle_green.gif);
}
.yellow {
	background-image: url(images/circle_yellow.gif);
}
.red {
	background-image: url(images/circle_red.gif);
}
.purple {
	background-image: url(images/circle_purple.gif);
}
.blue {
	background-image: url(images/circle_blue.gif);
}
.content p {
	font:normal 12px/18px verdana;
	color:#000;
}
</style>
</head>
<body>

<div class="content green">
</div>

<div class="content blue">
</div>


<div class="content yellow">
</div>

<div class="content purple">
</div>


<div class="content red">
</div>
Initial URL 
http://www.askthecssguy.com/examples/fixedBackgroundImages/example02.html
Initial Description 
Neat CSS fixed background image scrolling 'trick'
Initial Title 
Fixed Background Image 'Trick'
Initial Tags 
css, image, background
Initial Language 
CSS