html - css 中的背景图像不起作用

Question

下面的css代码有什么问题:

body {
    background-image: #000 url(http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg) repeat;
    color: #898989;
    font-family: 'Roboto', Arial, Verdana;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-size:13px;
    line-height:21px;
}

也尝试了以下变体，但仍然无法正常工作:

1. background-image: #000 url("http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg") 重复；
2. background-image: #000 url('http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg') 重复；
3. background-image: url("http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg") 重复；
4. 背景:url("http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg") 重复；
5. 背景:url(http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg) 重复；

Answer 1

The background-image property接受一个参数:图像的 URL。

您将其与 the background shorthand property 混淆了，它采用值列表并将它们应用于各种不同的完整属性(包括 background-image、background-color 和 background-repeat) .