将背景图像与rgba结合但没有渐变

Question

是否可以使用rgba渐变将背景图像与没有的rgba颜色组合使用？

目前我的css3风格如下所示：

html
{
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),
    url("../icons/sombrero.jpg")no-repeat center center fixed;
}

但我想这样的事情：

html
{
    background:rgba(0, 0, 0, 0.75),
    url("../icons/sombrero.jpg")no-repeat center center fixed;
}

rgba颜色应位于图像上方。 我得到了渐变 - ＆＃39; hack＆＃39;来自here。我寻找渐变技术的替代品，没有盒子阴影技巧。

Answer 1

将来可能会这样。

来自w3c草案：

  

例如，可以使用此作为“着色”背景的简单方法   图像，通过覆盖部分透明的颜色在顶部   其他形象：

background-image: image(rgba(0,0,255,.5)), url("bg-image.png"); 

  

background-color对此不起作用   它产生的纯色总是位于所有背景之下   图像。

w3c documentation