css - 単色で停止および継続するボディCSSグラデーション

Question

この質問に似たものがここで尋ねられました- 特定の高さで停止し、単色でさらに続くHTML / CSSグラデーションですが、私が見る限り、これを背景色のボディに使用すると機能しません-それが私が達成したいことです。

具体的には、ページの上部を水色にし、さらに200ピクセル下の濃い青にグラデーションを付けてから、ずっと濃い青を続けてほしいと思います。

助けてくれる人に感謝します、

アルフォ。

Answer 1

これでうまくいくはずです。実例： http： //jsfiddle.net/tw16/mBUZt/

私はcss3グラデーションに最新のフォーマットを使用しました：

html,body{height: 100%} /* added this as the example is an empty page */
body{
    background:    -moz-linear-gradient(top, #319ef7 0%,#1b388e 200px,#1b388e 100%);
    background: -webkit-linear-gradient(top, #319ef7 0%,#1b388e 200px,#1b388e 100%);
    background:      -o-linear-gradient(top, #319ef7 0%,#1b388e 200px,#1b388e 100%);
    background:     -ms-linear-gradient(top, #319ef7 0%,#1b388e 200px,#1b388e 100%);
    background:         linear-gradient(top, #319ef7 0%,#1b388e 200px,#1b388e 100%);
}