无法在css文件中添加bg图像

Question

简单地说，我正在尝试在css代码中添加背景图片。

body {
    line-height: 1;
    background-image:url(../img/bg1.jpg);
}

但使用localhost / foldername / index.php进行测试时，不会出现背景图像

有趣的是，我可以编辑背景颜色，（background-color:#993）。

我的文件夹树是这样的;

+Main Folder
  +css
     style.css
  +img
     bg1.jpg

你能帮我解释为什么我不能将背景图片添加到css体内。

Answer 1

可能是您错过了''围绕网址。

body {
    line-height: 1;
    background-image: url('../img/bg1.jpg');
}

另外，可能会错过重复。

body {
    line-height: 1;
    background-image: url('../img/bg1.jpg');
    background-repeat: repeat;
}

Answer 2

我认为您的css文件未加载，因为您使用了相对路径。在link标记中，请确保添加绝对css路径：

<link rel="stylesheet" href="/css/style.css" />

Answer 3

你可以使用

background: url(' Your Path ')

而不是

background-image: url(' Path ')