Тело CSS градиент, который останавливается и продолжается как сплошной цвет

Question

Здесь было задано нечто похожее на этот вопрос - Градиент HTML / CSS, который останавливается на определенной высоте и продолжается сплошным цветом , но, насколько я вижу, это не работает, когдаиспользуя его на теле для цвета фона - это то, чего я хочу добиться.

В частности, я бы хотел, чтобы он был светло-голубым в верхней части страницы, градиентом к темно-синему 200px дальше вниз, изатем продолжайте темно-синим навсегда.

Спасибо всем, кто может помочь,

Альфо.

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