Css使用透明图像和渐变背景

Question

我该怎么做？ 我有什么是这些图像和这些gradiente，但我只显示梯度，而不是两个。

div { 
    background: url(/Icons/icon.png) no-repeat; 
    background-image: -moz-linear-gradient(top, #a2a2a2, #878787); 
    background-image: -ms-linear-gradient(top, #a2a2a2, #878787); 
    background-image: -o-linear-gradient(top, #a2a2a2, #878787); 
    background-image: -webkit-linear-gradient(top, #a2a2a2, #878787); 
    background-image: linear-gradient(top, #a2a2a2, #878787); 
} 

Answer 1

听起来像你想要多个背景图像。从逻辑上讲，它可能看起来像一个渐变背景颜色，但浏览器将渐变信息视为背景图像。

试着这么做：

div{ 
    background-image: -moz-linear-gradient(top, #a2a2a2, #878787), url(/Icons/icon.png); 
    background-image: -ms-linear-gradient(top, #a2a2a2, #878787), url(/Icons/icon.png); 
    background-image: -o-linear-gradient(top, #a2a2a2, #878787), url(/Icons/icon.png); 
    background-image: -webkit-linear-gradient(top, #a2a2a2, #878787), url(/Icons/icon.png); 
    background-image: linear-gradient(top, #a2a2a2, #878787), url(/Icons/icon.png); 
    background-repeat: no-repeat, no-repeat; 
}