指南针线性渐变+图像

Question

是否可以使用Compass将线性渐变和图像添加到同一元素？这是我正在尝试的代码，但我似乎无法显示它：

background-color: #ffffff; // Old browsers
@include filter-gradient(#ffffff, #ededed, vertical); // IE6-8
$experimental-support-for-svg: true;
@include background(linear-gradient(top, #ffffff 0%,#ededed 100%), image-url('../img/questionmark.png' top, left, no-repeat));
padding: 10px;
font-size: 14px;
border-bottom:  solid 1px #d3d3d3;

Answer 1

可能 - 而不是不存在image-url使用url 。在您的示例中，渐变将覆盖图像（声明中的第一个接近顶部）。

示例pen包含渐变和图像。

修改

在解决问题的同时，答案是误导性的。

image-url函数

与我之前写的does相反。它将URL返回到相对于罗盘图像文件夹的图像。