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