2013-08-05 122 views
3

我試圖實現一個對角線CSS3漸變,從左上角的黑色到右下角的深灰色。CSS3漸變重複

喜歡的東西:

body { 
    background: -webkit-linear-gradient(left top, black, darkgray 80%, gray); 
} 

代替它,因爲我打算被顯示,它只是重複過去,每對夫婦線下水平的頁面上。我究竟做錯了什麼?

+2

我們需要相應的選擇和HTML。請參閱http://jsfiddle.net/H9AUE/ –

+0

只需進行編輯... – Blake

+0

無法重現此問題。你可以在一個簡單的HTML頁面中重現它嗎? –

回答

6

身體沒有身高;你只能看到從頂部/底部邊距的8像素(它總是透明的)的背景。

如果你希望你的漸變填充視口,設置的100%的高度上<html> & <body>

html, body { 
    height: 100%; 
} 

body { 
    background: linear-gradient(orange, red, yellow); 
    margin: 0; 
} 

http://jsfiddle.net/JUtuJ/1/

+0

工作完美,謝謝! – Blake