CSS3でスクロールしても背景のグラデーションは固定したままにする方法

縦長のページをスクロールしても、背景のグラデーションは固定したままにする方法です。

実行サンプルは下記 URL で確認できます。

Fixed Gradient Background - jsFiddle

HTML

<div id="container">
  <h1>
    Fixed Gradient Background
  </h1>

</div>

CSS

h1 { color: #fff; }

#container {
    height: 2000px;
    background: #202a2e;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(34,39,45)),
        color-stop(1, rgb(11,63,61))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(34,39,45) 0%,
        rgb(11,63,61) 100%
    );
    background-attachment: fixed !important;
}

参考