Is there anyway to make the sky/lake background stay still while you scroll?
Site: http://bit.ly/agJiEy
Is there anyway to make the sky/lake background stay still while you scroll?
Site: http://bit.ly/agJiEy
In CSS:
background-attachment: fixed
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment
body{
background-image:url('lake.jpg'); /* or whatever */
background-attachment:fixed;
}
Or in shorthand:
body {background: url("/images/myimage.png") no-repeat fixed top left;}
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.