Corps Gradient CSS qui s'arrête et continue en tant que couleur unie

Quelque chose de semblable à cette question a été posée ici - Dégradé HTML / CSS qui s’arrête à une hauteur particulière et continue plus loin avec une couleur uniemais, autant que je sache, cela ne fonctionne pas si vous l’utilisez sur le corps pour obtenir une couleur de fond - c’est ce que je veux atteindre.

Plus précisément, je voudrais que ce soit bleu clair en haut de la page, dégradé en bleu foncé 200px plus bas, puis en bleu foncé pour toujours.

Merci à tous ceux qui peuvent aider,

Alfo.

Réponses:

Cela devrait faire l'affaire. Exemple en direct: http://jsfiddle.net/tw16/mBUZt/

J'ai utilisé le dernier format pour les gradients 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%);
}