CSS3漸變背景

這是正確的從底部到頂部從淺灰色到白色應用漸變背景到身體？CSS3漸變背景

body { 
    background: -webkit-gradient(linear, bottom, top, from(#e7e7e7, to(#ffffff)); 
}

來源

2012-07-30 Alex

它顯示純白色，我使用Chrome的lates版本：O – Alex 2012-07-30 09:51:29

DEMO支持所有功能的瀏覽器

body { 
    background-color: #ffffff; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #999999); 
    background-image: -moz-linear-gradient(top, #ffffff, #999999); 
    background-image:  -o-linear-gradient(top, #ffffff, #999999); 
    background-image:   linear-gradient(to bottom, #ffffff, #999999); 
}

CSS3 Please可能是有用的

來源

2012-07-30 10:01:08

嗨，爲什麼你需要將高度設置爲100％？它的工作原理，事實上，我的瀏覽器將siplay梯度塊，而不是整個頁面... – Alex 2012-07-30 10:14:41

它顯示你漸變的塊，因爲你有一些頁面上的內容。如果它是空的（如在JSFIddle中），那麼它不顯示BG http://jsfiddle.net/WbHCd/1/。我已經添加它只是爲了表明它的工作原理。 – 2012-07-30 10:22:00

好的，謝謝你的幫助 – Alex 2012-07-30 10:26:01

要佐爾坦的解決方案，您還可以添加：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999');

支持舊的IE瀏覽器。

來源

2013-08-22 13:58:16

然後你需要確保你刪除了一些舊的瀏覽器，如IE9的過濾器。 – SergioL 2013-08-22 14:41:09

回答

相關問題