实时服务器无法从CSS加载img

Question

我创建了一个视差网站，但它不加载任何图像，除了图像之外，css的其他所有内容都可以加载。到目前为止没有任何进展。不知道代码或服务器是否有问题。

html and css codes

404 error

files

Site is loaded but photos arent

Answer 1

这里的问题是图像没有正确的路径。

我应该了解当前的文件结构，以便为您提供正确的答案：

假设您拥有：

• index.html
• images / main.png
• styles / style.css

如果是这种情况。您正在从根目录调用图像，因为index.html位于该根目录。

所以您可以尝试像这样调用图像：

.pimg1{background-image: url('/images/main.png');}

如果这不起作用，则可以执行以下操作：

.pimg1{background-image: url('./images/main.png');}

./ 将始终转到根目录，然后将查找目录 images / 。这将帮助您处理包含子文件夹URL的网站。

希望有帮助！