tags:

views:

53

answers:

5

i was looking forward to some designs as done here.

how is it possible for the background to remain static and the content to move over it??

+1  A: 

Looking at source :

html {
    background: transparent url(http://images.freewebs.com/Members/Generationz/CSSStyles/Elements/Water/bg-body.jpg) repeat fixed 0% 0%;
}

It's the "fixed" attribute.

Kaaviar
+3  A: 
background-attachment: fixed

You can find this sort of stuff out easily by using a tool that lets you examine the CSS applied via the browser, such as Firebug for Firefox or Web Inspector for WebKit.

alex
+1  A: 
background: transparent url('http://file.jpg') repeat fixed top left;

fixed is the key.

meder
A: 

You should have:

background: transparent url('image path here') repeat top left;
background-attachment: fixed
Sarfraz
A: 

CSS and Backgrounds

<body bgproperties="fixed" background="image">

or

body {background-image: url(../images/tile.gif); background-attachment: fixed; }
Pranay Rana