CSS背景图像不会工作？

Question

body{

    margin: 0 auto;

    width: 1000px;

    height: 100%;

    padding-top:150px;
    background: url('images/background.jpg');


    background:#5F755D;
}

好吧，那就是我正在使用的CSS，而我似乎无法从这种丑陋的颜色中改变我想要的背景图像。有什么想法吗？

Answer 1

您正在用颜色覆盖背景图像。将CSS更改为：

<beans:bean id="listService" class="com.system.beans.DropDownList"
        init-method="populateMasterList" scope="application"/>

这样，如果无法找到图像，将显示颜色。

Answer 2

设置背景图像，然后使用下一行中的颜色进行覆盖：

background:#5F755D;

如果删除上面的行，您将看到图像（如果存在）。请注意，图像将重复。您可以使用

禁用它

background-repeat: no-repeat;

Answer 3

只需合并您的背景颜色和背景图片：

body{
    margin: 0 auto;
    width: 1000px;
    height: 100%;
    padding-top:150px;
    background:#5F755D url('images/background.jpg') no-repeat;
}