Css图像路径错误(ERR_FILE_NOT_FOUND)

时间:2016-10-19 06:38:12

标签: html css html5 css3

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

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

ERR_FILE_NOT_FOUND

但如果我使用绝对路径,则会显示图像:

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

问题出在哪里?

3 个答案:

答案 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;文件夹然后你必须使用相对路径

  1. 例如。 background-image:url(" ../ img / cover.jpg");如果可以的话 使用style.css或内部css(html文件中的样式)与...相同 ' IMG'文件夹然后你必须使用' folder-name / img.jpg'
  2. 例如。 background-image:url(" img / cover.jpg");