How to Fix a background Image while the page is being Scrolled | Using CSS



To make a background image static while the content scrolls over it, we have to use the background-attachment property like so,

CSS Code:
<style>
img { background-image: url(background.png);background-attachment:fixed;}
</style>

Comments

Check out

CSS Sprites | What are They?

Login form | Using CSS3

Remove Scrollbars from syntaxhighlighter

Adding a button in HTML | styling a button

HTML5 Semantic Tags | What do they mean

How to remove plus and minus characters from input type number

HTML5 | LocalStorage

jQuery Resources | Support and tutorial help

How CSS3 Works