背景图片一个接一个，怎么样？

Question

我正在尝试使用下面的代码一个接一个地使用不同的背景图像，但只有最后一个图像出来。

.wallP{background-image:url(images/arc.png) centre left,
url(images/bg_st.png);
background-repeat:repeat-x;
}

Answer 1

每个元素只能有1个背景图像。

你可以将它们混合在一起并有一个精灵来显示它。

或者，创建不同的元素：

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

然后给他们所有单独的背景：

#one{
    background:url(images/arc.png);
}
#two{
    background:url(images/bg_st);
}
#three{
    background:#0f0f0f;
}

此外，无论您发布什么代码，都不会显示。它有各种错误：

background-image:background-image:url
                ^ only need the one background-image

url(images/bg_st.png;
                   ^ missing a ')'