css - 在 CSS 背景中使用 web-kit 渐变和图像

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)) ;