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