html - CSS梯度随着层下降

所以这是我的问题，我正在努力获得这种效果



所以我会用这个CSS

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #5FC7F4),
    color-stop(1, #069ADA)
);
background-image: -o-linear-gradient(bottom, #5FC7F4 0%, #069ADA 100%);
background-image: -moz-linear-gradient(bottom, #5FC7F4 0%, #069ADA 100%);
background-image: -webkit-linear-gradient(bottom, #5FC7F4 0%, #069ADA 100%);
background-image: -ms-linear-gradient(bottom, #5FC7F4 0%, #069ADA 100%);
background-image: linear-gradient(to bottom, #5FC7F4 0%, #069ADA 100%);

现在发生的是，当我使用它时，我得到



如您所见，存在“层”，并且它不完全是“平滑”的渐变。这是一个演示http://jsfiddle.net/U4FU3/

有想法吗？

最佳答案

渐变没什么问题-您只需要像这样设置高度即可：

html, body {
    height: 100%;
}

关于html - CSS梯度随着层下降，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25086320/