使用CSS背景網絡套​​件漸變和圖像

Question

我試圖把這個類的頂部圖像以及保持當前的背景使用Web-Kit的Gradiant

background: -webkit-gradient(linear, left bottom, left top, 
color-stop(0.03, #3A79C1), color-stop(0.99, #5F9EE6), 
color-stop(1, #75ABEA)) url(images/bg.gif) no-repeat center right; 

雖然它的加入增加背景不是圖像，代碼是否正確？

Answer 1

正確的想法，但是你缺少一個逗號，並且你希望你的圖像顯示在漸變之上..不低於！所以重新安排訂單。看看這個jsFiddle

background: url('images/bg.gif') no-repeat center right,-webkit-gradient(linear, left bottom, left top, 
color-stop(0.03, #3A79C1), color-stop(0.99, #5F9EE6), 
color-stop(1, #75ABEA)) ;