CSS3是否支持在单个图像的背景中同时使用图像和渐变<;部门>;?

CSS3是否支持在单个图像的背景中同时使用图像和渐变<;部门>;?,css,gradient,Css,Gradient,我知道您可以在CSS3中的一个上制作多个背景,但是是否可以将图像引用背景(即url(…))与渐变生成背景(例如-moz线性渐变(…))混合 如果是,语法是什么 如果不是,实现相同结果的最佳实践是什么 谢谢。我假设您试图在支持的地方有条件地使用渐变,但图像是否支持 如果是这样,那么一种方法就是通过Javascript实现——例如: document.getElementById("whatever").style = "url(...)"; 我不确定如何检查浏览器类型,但这应该是一个简单的谷歌搜

我知道您可以在CSS3中的一个
上制作多个背景,但是是否可以将图像引用背景(即
url(…)
)与渐变生成背景(例如
-moz线性渐变(…)
)混合

如果是,语法是什么

如果不是,实现相同结果的最佳实践是什么


谢谢。

我假设您试图在支持的地方有条件地使用渐变,但图像是否支持

如果是这样,那么一种方法就是通过Javascript实现——例如:

document.getElementById("whatever").style = "url(...)";
我不确定如何检查浏览器类型,但这应该是一个简单的谷歌搜索


但是,如果您试图使其使图像叠加在渐变上,但透明(以便部分渐变显示出来),则可以尝试以下内容:

请注意,它使用0.0-1.0表示alpha,而不是0-255。

您可以

background: -moz-linear-gradient(-45deg, rgba(0,0,255,0), rgba(0,0,255,1)), url("image");
可以在现场看到


当然,请注意,CSS渐变仍在不断变化。

非常好。谢谢。改变生活的可能性。