背景渐变+单个背景图像

时间:2012-07-01 13:12:18

标签: html css

以下CSS未显示背景图片:

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

我如何正确地完成上述工作?

仍然没有收到正确的答案......在此期间我使用了一个绝对定位在渐变上的额外<img>标记。

3 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

RichardTowers很接近,但渐变需要在图像之前:

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

答案 2 :(得分:0)

尝试提供z-index属性以显示另一个背景。