在多個盒子中重新啓動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父標籤。目前它只渲染約100像素，身體背景重複。

請參閱update fiddle for example。