Nền gradient CSS3

Question

Điều này có phù hợp để áp dụng nền gradient cho cơ thể từ một bóng màu xám đến trắng từ dưới lên trên không?

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

Answer 1

DEMO để hỗ trợ tất cả các trình duyệt có khả năng

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 có thể có ích

Answer 2

Để giải pháp Zoltan, bạn cũng có thể thêm:

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

để hỗ trợ các trình duyệt IE cũ.