Jquery 背景图像和颜色梯度同时出现？

我有一个jquerymobile项目，需要在背景图像后面有一个渐变背景色（然后是前景中的其他东西，比如按钮、文本等）

在背景图像后面放置纯色背景很容易，就像这样

.ui-page {
    background: red url(image.png) no-repeat center center;
}

但我不知道如何用渐变背景色做同样的事情

这是我认为会起作用的，但是运气不好

.ui-page {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgb(50, 50, 50)), color-stop(100%, rgb(200, 200, 200))) url(image.png) no-repeat center center;
}

顺便说一句-这只需要在移动iOS和Android中工作，这就是为什么我在上面的例子中只使用“-webkit gradient”

我还尝试过将背景图像和背景色分离为两种不同的样式声明（分别使用“背景图像”和“背景色”），但这也不起作用。它总是只使用这两个声明中的最后一个，无论哪一个可能是

你知道我需要改变什么才能让这一切顺利吗

---

谢谢

你问题的答案是：谢谢，谢尔盖。对于桌面浏览器来说，这似乎是一个很好的解决方案，但我不确定它是否能在移动iOS和Android浏览器（尤其是旧版本）中工作。有人能证实这一点吗？