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