css - 背景图片一张张，怎么样？

Question

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

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

Answer 1

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

您可以将它们混合在一起，并有一个显示它的 sprite。

或者，创建不同的元素:

<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 ')'