Make the background fixed (stationary)

Question

Is there anyway to make the sky/lake background stay still while you scroll?

Site: http://bit.ly/agJiEy

Answer 1

In CSS:

background-attachment: fixed

http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment

Answer 2

background-attachment

Answer 3

body{
    background-image:url('lake.jpg'); /* or whatever */
    background-attachment:fixed;
}

Answer 4

Try

background-attachment:fixed;

Answer 5

Or in shorthand:

body {background: url("/images/myimage.png") no-repeat fixed top left;}

Answer 6

In that site, change this line

<div><img src="images/bottom_bg.jpg" width="100%" alt="" /></div>

to

<div id="foobar"><img src="images/bottom_bg.jpg" width="100%" alt="" /></div>

And add the following CSS:

<style>
#foobar{ position: fixed; bottom: 0px; width: 100%; }
</style>

That should do the work.