身體CSS漸變，停止並繼續作爲純色

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