Hi guys,

I've been majorly out of practice with website development, and I'm currently developing a website for a friend of mine. Essentially he wants a scrolling website with anchor links, which is fine.

Basically I have whipped up a pretty awesome background for him, and have even got it to fit to the page using background size to "cover"..

Now my only query is, is it possible to get the background image to A, stretch the screensize - while B, following the user's scrolling, as it's going to be a lengthy website I don't just want the background to end...

Here's the code I have whipped up for the background so far, I have tried/tested adding "background-attachment..." but unfortunately that doesn't seem to work?

Thanks!

Body Tag

body {
  font-family: Verdana, Arial, sans;
  font-size: 12px;
  text-align: center; 
  background: url("bg2.png")left no-repeat;
  background-size: 100%;
  background-repeat: none;
  margin: 0;
  background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

View Raw Code →