打开html文件背景图片报错 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

最新推荐文章于 2024-01-27 16:21:43 发布

Ctrlccv

最新推荐文章于 2024-01-27 16:21:43 发布

阅读量3.6k

点赞数 8

本文链接：https://blog.csdn.net/Ctrlccv/article/details/104518668

版权

在这里插入图片描述
看到这BUG我气得浑身发抖，大热天的全身冷汗手脚冰凉，这个社会还能不能好了，我们秃头佬到底要怎么活着BUG才满意，眼泪不争气的流了下来，这个世界到处充斥着对菜鸡程序猿的压迫，本菜鸡何时才能真正的站起来。地狱空荡荡，魔鬼在人间！

脚也抖了，泪也流了。

在这里插入图片描述
写代码我唯唯诺诺，对BUG还是得重拳出击，网上找了半天

全是复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机复读机

在这里插入图片描述
全是转载搞了半天还形成了一个闭环搁这原地TP呢

在这里插入图片描述

操作半天没啥用
在这里插入图片描述
最后发现主要还是路径的问题 vscode下可以直接用绝对路径

background-image: url(/baidu/index/img/background_header.png);

但是这样的结果就是vscode预览网页没问题但是直接打开html文件图片就加载不出来

在这里插入图片描述
简单说就是background的url最好用相对地址但是起始点是css文件

./

是上一层文件夹

../

是上上一层文件夹

你看到的是第二层，而你把我只想象成第一层，实际上我在第五层

在这里插入图片描述

要这么写

 background-image: url(../img/IPad.png);

芜湖起飞~

css样式表里面引用background-image时，url路径错误原因及解决方法

关注