css - 指南针线性渐变 + 图像

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-urluseurl。在您的示例中，渐变将覆盖图像（声明中最靠近顶部的内容）。

带有渐变和图像的示例笔。

编辑

答案在解决问题的同时具有误导性。

image-url功能_

与我在它确实存在之前写的相反。它返回相对于指南针图像文件夹的图像的 url。