2013-05-04 108 views
0

嘿,我做了css梯度使用css梯度發電機之一,我以通常的方式放在我的代碼,因爲它一直工作,現在...不知何故梯度使我的頁面有滾動條,也如果你會看更好地在我的gived鏈接中,你會在底角看到一些方塊。 這是我的風格的代碼和標記是挺乾淨的只是HTML,body標籤與裏面什麼都沒有....css梯度給滾動條

html, body{ 
    height: 100%; 
    background-position: fixed; 
    background: #ccffcc; 
    background-image: linear-gradient(bottom, rgb(161,219,255) 0%, rgb(204,255,204) 22%); 
    background-image: -o-linear-gradient(bottom, rgb(161,219,255) 0%, rgb(204,255,204) 22%); 
    background-image: -moz-linear-gradient(bottom, rgb(161,219,255) 0%, rgb(204,255,204) 22%); 
    background-image: -webkit-linear-gradient(bottom, rgb(161,219,255) 0%, rgb(204,255,204) 22%); 
    background-image: -ms-linear-gradient(bottom, rgb(161,219,255) 0%, rgb(204,255,204) 22%); 
    background-image: -webkit-gradient(
     linear, 
     left bottom, 
     left top, 
     color-stop(0, rgb(161,219,255)), 
     color-stop(0.22, rgb(204,255,204)) 
    ); 
} 

例如http://driglou.pusku.com/javascript/

+0

除了其他建議,我建議應用背景圖像'html' *或*'body',但不能同時使用。 – icktoofay 2013-05-04 22:12:03

回答

2

body風格更改爲margin: 0,你會沒事的。

你最好找一個CSS Reset代碼並使用它。

+0

謝謝:)工作。 – Driglou 2013-05-04 22:01:53

0

嘗試清除體內邊距:

body { margin: 0; }