背景渐变和单一背景图片

Question

以下CSS未显示背景图像：

    background: -webkit-linear-gradient(#fcfcfc,#cbcbcb);
    background-image: url("../images/new/account-dropdown.png") no-repeat 100%;

我该如何正确地完成上述操作？

仍然没有收到可行的正确答案...与此同时，我正在使用另一个绝对定位在渐变之上的 <img> 标签。

- David542

---

可能是https://dev59.com/P3E95IYBdhLWcg3wApBU的重复问题，是否可以将背景图像和CSS3渐变组合在一起。 - Luca

这提供了一个很好的答案，但没有考虑到我需要的“no-repeat 100%”部分。 - David542

从@Luca的链接中提取的代码background-image: url("../images/new/account-dropdown.png") no-repeat 100%, -webkit-linear-gradient(top, #444444, #999999); /* Chrome 10+, Saf5.1+ */无法正常工作吗？ - RichardTowers

不行，我试过了失败了。 - David542

Answer 1

尝试给z-index属性赋值，以便在另一个背景上显示一个背景。

- Sameera

Answer 2

试试这个：

background-image: url("../images/new/account-dropdown.png");
background-size: 100%;
background-origin: content;

- m93a

---

不行，这只能让图片正确显示，但会破坏渐变效果。 - David542

Answer 3

RichardTowers 已经接近正确了，但是梯度需要放在图片前面：

 background-image:  -webkit-linear-gradient(top, #444444, #999999), url("../images/new/account-dropdown.png") no-repeat 100%;

- Kevin