我无法将背景图像设置为特定的 div 或 body答案

【问题标题】：I cant set a background-image to a specific div or body我无法将背景图像设置为特定的 div 或 body
【发布时间】：2013-11-22 17:57:36
【问题描述】：

我正在尝试为我正在构建的网站设置背景图片。我知道我必须使用background: url();，但无论是在body 还是特定的div 中似乎都没有显示出来。

body {
    /* background: linear-gradient(#2c3e50 75%, #ecf0f1 88%); */
    background: url(c:\Users\Saleh\Desktop\Abid\ggbridge960.png);
} /* This is is what it looks like when I add it to body */

.container {
    margin: 20px auto 20px auto;
    /* border: 2px solid black; */
    width: 960px;
    height: 1000px;
    /* background: url(c:\Users\Saleh\Desktop\Abid\ggbridge960.png) no-repeat; */
} /* this is what it looks like in the div. */

我已经分别尝试了它们，而不是同时。

【问题讨论】：

这与 jQuery 或 HTML 有什么关系？
您可以尝试使用相对路径还是使用file:// 协议后缀如url(file://c:/Users/Saleh/Desktop/Abid/ggbridge960.png)

标签： css

【解决方案1】：

这样做..

body {
 background: url(file:///c:/Users/Saleh/Desktop/Abid/ggbridge960.png);
}

【讨论】：

其实需要有属性名，所以background-image:url(file://...):)

【解决方案2】：

background-image:url(images/your_image.png);
width:960px;
height:1000px;

应该做的伎俩:)

也许你前面有一个隐藏的 div ？

为了简单起见，您还可以尝试给出相对路径。

【讨论】：

【解决方案3】：

有几件事可以尝试：

通过在浏览器中输入文件路径来确保图像文件存在 (c:\Users\Saleh\Desktop\Abid\ggbridge960.png)
如果您从 HTML 链接到 css 文件，请通过向容器添加明显的样式并检查它是否被应用来确保其链接正确。

使用这个语法：

body {background-image:url('c:\Users\Saleh\Desktop\Abid\ggbridge960.png');}

还注意到您使用的是反斜杠而不是正斜杠 - 不妨试试：
```
c:/Users/Saleh/Desktop/Abid/ggbridge960.png
```

【讨论】：