Question

我正在尝试使用XAMPP构建我的第一个网站作为业余爱好项目。我对编码知之甚少，但我很享受，我觉得我实际上是在学习。但是，现在我有一个问题，我似乎无法搞清楚。

我正在尝试在我的CSS文件中包含背景图片，当我使用网站链接时它工作正常，如下例所示。

#page-body{
    background: url('https://upload.wikimedia.org/wikipedia/commons/3/3a/Monza_banking_2003.JPG');
    background-Repeat: no-repeat;
    background-Position: center;
    background-size: cover;
}

但是，当我尝试将图像包含在我的文件夹图像文件夹中时，它将无法加载。 images文件夹的填充如下：C：\ xampp \ htdocs \ site \ en \ images

#page-body{
    background: url(.\images\background.png);
    background-Repeat: no-repeat;
    background-Position: center;
    background-size: cover;
}

我确定我在某个地方犯了一个错误，但我似乎无法弄清楚我哪里出错了任何帮助或建议将不胜感激！

Answer 1

确保文件路径周围有撇号＆＃39; _ _ _＆＃39;在括号内。

另外，通过在路径开头使用句号，您打算上一个目录吗？如果是这样，你实际上需要使用两个完整停止。

例如。 background-image: url('../images/background.png');

在CSS中包含本地图片

1 个答案: