Question

我正在使用背景图像作为标题的底部，如下

header {
 background:url(../img/header_bg.png) #ea6225 no-repeat;   
 background-size: 100% auto;
 background-position:left bottom; 
}

我的图片位于Web/img/header_bg.png和css Web/css/style.css

这样的文件夹中

现在，当我在浏览器中看到这个图像正在加载时，但在控制台中它显示错误，如此

文件：/// C：/Users/name/Desktop/Web/img/header_bg.png 净:: ERR_FILE_NOT_FOUND

在我的项目中使用的ttf字体也是如此。有人会帮我解决它的错误吗？

Answer 1

根据W3，部分URL相对于样式表的来源进行解释，而不是相对于文档。您应该相应地设置URL。

Answer 2

试试这个：

 background:url(../../img/header_bg.png) #ea6225 no-repeat;

Answer 3

你必须添加＆＃34;＆＃34;像这样（＆＃34; ../../ img / header_bg.png＆＃34;）

Answer 4

请记住

<img src="Lanka.jpg">       <!-- Lanka.jpg is in the current folder -->
<img src="Asia/Lanka.jpg">  <!-- Lanka.jpg is in the Asia folder -->
<img src="/Asia/Lanka.jpg"> <!-- Asia folder is in root folder -->
<img src="../Lanka.jpg">    <!-- Lanka.jpg is in one folder up from current folder-->

Css背景图片：net :: ERR_FILE_NOT_FOUND

4 个答案: