html - Css 图片路径错误 (ERR_FILE_NOT_FOUND)

Question

当我尝试使用 CSS 添加具有相对路径的背景图像时，浏览器找不到它:

background-image: url("img/cover.jpg");

ERR_FILE_NOT_FOUND

但是如果我使用绝对路径，图像会出现:

background-image: url("file:///E:/website/img/cover.jpg");

问题出在哪里？

Answer 1

您必须将 img 文件夹和 .css 文件放在同一目录(例如，如果 img 目录位于“网站”，则 style.css 文件必须位于同一目录“网站”)

或

如果 css 文件位于“website/css”目录中的其他位置，则在 img 之前使用“../”。

例如

background-image: url("../img/cover.jpg");