CSS背景图片：net：：ERR_FILE_NOT_FOUND

bakd9h0s 于 2023-05-02 发布在其他

关注(0)|答案(5)|浏览(239)

我使用这样的标题底部的背景图像

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
现在，当我看到在浏览器这张图片正在加载，但在控制台显示错误像这样
file：///C：/Users/name/Desktop/Web/img/header_bg。png net：：ERR_FILE_NOT_FOUND
同样的情况也发生在我的项目中使用的ttf字体上。有人能帮帮我吗？

css

来源：https://stackoverflow.com/questions/24341326/css-background-image-neterr-file-not-found

5条答案

按热度按时间

ghhaqwfi1#

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

赞(0）回复(0）举报 2023-05-02

jfewjypa2#

试试这个：

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

赞(0）回复(0）举报 2023-05-02

von4xj4u3#

必须像这样添加“”（“。./../img/header_bg.png”）

赞(0）回复(0）举报 2023-05-02

rjzwgtxy4#

记住

<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-->

赞(0）回复(0）举报 2023-05-02

olqngx595#

好吧...不知道为什么会这样，但当我试图进入

file:///C:/Users/admin/Downloads/new%20project/images/header/background.png

一切都开始工作。

赞(0）回复(0）举报 2023-05-02

我来回答

CSS背景图片：net：：ERR_FILE_NOT_FOUND

5条答案

相关问题

热门标签

最新问答