当我尝试使用相对路径添加背景图像时,使用CSS,浏览器找不到它:
background-image: url("img/cover.jpg");
ERR_FILE_NOT_FOUND
但如果我使用绝对路径,则会显示图像:
background-image: url("file:///E:/website/img/cover.jpg");
问题出在哪里?
答案 0 :(得分:2)
您必须将img文件夹和.css文件放在同一目录中(例如,如果img目录位于“website”上,则style.css文件必须位于同一目录“website”上)
OR
如果css文件位于“website / css”目录中的其他位置,则在img之前使用“../
”。
例如
background-image: url("../img/cover.jpg");
答案 1 :(得分:0)
您可能在另一个文件夹中有.css文件。 假设你有这样的文件夹结构 -
网站
| -CSS
| | -style.css
| -js
| -IMG
| | -cover.jpg
然后你必须从你的.css文件放置路径。
所以,而不是background-image: url("img/cover.jpg");
,
试试background-image: url("../img/cover.jpg");
或者从根提供路径,例如background-image: url("/img/cover.jpg");
答案 2 :(得分:0)
检查这项工作是否合适!
如果您可以使用" css(文件夹名称)"中的style.css;文件夹然后你必须使用相对路径