下面的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;
}
也尝试了以下变体,但仍然无法正常工作:
background-image: #000 url("http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg") 重复;
background-image: #000 url('http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg') 重复;
background-image: url("http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg") 重复;
背景:url("http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg") 重复;
背景:url(http://www.lifecaredirect.com/images/background-patterns/body-bg-36.jpg) 重复;
最佳答案
The background-image
property接受一个参数:图像的 URL。
您将其与 the background
shorthand property 混淆了,它采用值列表并将它们应用于各种不同的完整属性(包括 background-image
、background-color
和 background-repeat
) .
关于html - css 中的背景图像不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22619310/