Google Chrome nền gradient

Question

câu hỏi Really nghiệp dư ở đây - body background gradient không hoạt động trong chrome, rất lạ, tôi đã cố gắng:

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#000)); 

Và

background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000)); 

Và

background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000)); 

Tất cả không có ích! Làm việc ở mọi trình duyệt khác ...

Answer 1

Các bạn đã thử:

background: -webkit-linear-gradient(#917c4d, #ffffff); 

WebKit cập nhật để khớp với cú pháp spec, vì vậy bạn nên have this to get maximum browser support:

background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff)); 
background: -webkit-linear-gradient(#917c4d, #ffffff); 
background: -moz-linear-gradient(#917c4d, #ffffff); 
background: -o-linear-gradient(#917c4d, #ffffff); 
background: -ms-linear-gradient(#917c4d, #ffffff); 
background: linear-gradient(#917c4d, #ffffff); 

Answer 2

Các bạn đã thử này:

<style> 
.myawesomegradient{ 
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#000000)); 
} 
</style> 

nên làm việc trong Safari và Chrome ...

Answer 3

Thẻ gradient tuyến tính CSS3 hiện được hỗ trợ bởi tất cả các trình duyệt chính.

Cú pháp yêu cầu thêm to. Do đó thay vì ví dụ: center top, left top v.v. sử dụng ví dụ: to top như

background-image: linear-gradient(to top , #094F86, #4EABDB);