背景图像和颜色渐变同时？

Question

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

在背景图片后面添加实体背景色很容易，就像这样......

.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;
}

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

我也尝试将背景图片和背景颜色分成2种不同的样式声明（分别使用“background-image”和“background-color”），但这也不起作用。它总是只使用这两个声明中的最后一个，无论哪一个。

知道我需要改变什么来使这项工作？

谢谢！