多个框中的CSS渐变重启

Question

这是我的jsfiddle的链接。 http://jsfiddle.net/inthenameofmusik/ddto077m/5/

渐变在它看起来的每个框或元素中反复重复。我不确定我的CSS有什么问题。任何帮助表示赞赏。

body {
background: linear-gradient(#1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* W3C */
}

我确信这是一个简单的解决方法，对于这个问题的CSS初学者感到抱歉。

Answer 1

您需要在样式中添加html, body {height:100%;}以强制浏览器以全高度呈现html父标记。目前它只渲染了大约100px高，身体背景正在重复。

请参阅此update fiddle for example。