Body CSS Gradient停止并继续作为纯色

Question

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

具体来说，我希望它在页面顶部为浅蓝色，渐变为深蓝色200px，然后继续深蓝色。

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

ALFO。

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%);
}