How to create a fixed background image on a web page.

How to create a fixed background image on a web page.please share your reply

 

There's an easy CSS method to set a single image as the background; using z-index you can keep it on the bottom and automatically resized to the browser window.

Here's a walk-through: http://css-tricks.com/perfect-full-page-background-image/

 

body
{
background-image:url('background.jpg');
background-repeat:no-repeat;
[B]background-attachment:fixed;[/B] /* for fixed background image */
}

Code (markup):

z-index is not used for positioning elements. It's the "position" property in css used to position elements. The z-index property specifies the stack order of an element.
and z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).

 

Hey thanks a lot for share this code i will try it to my logo design site.
Thanks for share about it.

 

body
{
background-image:url('background.jpg');
background-repeat:no-repeat;
}
you can repeat the background by x axis or y axis by changing the above codes to

body
{
background-image:url('background.jpg');
background-repeat: repeat-x;
}

 

or you can do it in one line:

background: url(image.jpg) no-repeat fixed 0 0;

Code (markup):