有没有办法获得一个背景图像呈现moz线性渐变

在CSS中，您通常可以设置背景图像和背景颜色，图像将被渲染在颜色的顶部。有没有办法获得一个背景图像呈现moz线性渐变

#someDiv 
{ 
    background-image: url(arrow.png); 
    background-color: blue; 
}

这将导致#someDiv与上面的arrow.png图像有蓝色背景。

但是，如果我想要使用firefox的-moz-linear-gradient为背景做渐变，那么有什么办法让图像在这个渐变上渲染？

编辑：

MDC指出渐变替换背景图像标记。所以在这种情况下，我想后续问题是可以指定两个背景图像并让它们渲染一个在另一个之上？

来源

2010-08-04 Razor Storm

你有没有想过加入其他的div了它并设置其背景与适当的不透明度值？ – Ivan 2010-08-04 21:24:35

这可以工作，但是，我想知道是否有纯粹的css解决方法。原因是div是由第三方jQuery/javascript插件（没有可调用的API）生成的，所以我不完全希望深入挖掘并剖析它的代码，除非我绝对必须。（这不是什么大不了的事，但我想知道是否有更简单的解决方案）。 – 2010-08-04 21:31:20

这个例子在Mozilla的网站有梯度的背景下，背景图片：

https://developer.mozilla.org/en/css/multiple_backgrounds

来源

2010-08-04 21:28:51 DHuntrods

疯狂的坏蛋！这就是为什么我爱壁虎:) – 2010-08-04 21:32:56

我知道！我不能等到所有浏览器都这么做= D – DHuntrods 2010-08-04 21:35:35

令人敬畏的webkit浏览器也支持它！（Firefox，Chrome和Safari是我整个目标受众的全部，我很幸运，我不必迎合IE） – 2010-08-04 21:38:07

有没有办法获得一个背景图像呈现moz线性渐变

回答

相关问题