Extend background gradient across body without background-attachment: fixed

Question

I want to have a background gradient, e.g.

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(2, 126, 174, 0.9))

on the body

Answer 1

Thy this ( add any background-size you need):

body
{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(2, 126, 174, 0.9));
      background-attachment: scroll;
    background-size: 100% 900px;
    overflow: hidden;
}

Here's the fiddle: http://jsfiddle.net/BfH8D/1/

Is this the result you want?