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

用vscode预览网页没啥问题 但是直接到文件夹下打开html文件 图片和字体样式就报错

看到这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路径错误原因及解决方法

来源：CSDN

作者：Ctrlccv

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