Question

我正在尝试为我正在构建的网站设置背景图片。我知道我必须使用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. */

我已经单独尝试过它们了。

Answer 1

这样做..

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

Answer 2

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

应该做的伎俩：）

也许你有一个隐藏它的div？

为了在开头简化你也可以尝试给出相对路径。

Answer 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
```

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

3 个答案: