css - 停止并以纯色继续的Body CSS渐变

在这里有人问过类似这个问题的东西-
HTML/CSS Gradient that stops at a particular height and continues further with a solid color，但据我所知，当在主体上使用它作为背景色时，这是行不通的-这是我想要实现的目标。

具体来说，我希望页面顶部为浅蓝色，然后逐渐向下渐变为深蓝色200px，然后永远继续深蓝色。

感谢任何可以提供帮助的人，

阿尔福

最佳答案

这应该可以解决问题。实时示例：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%);
}