CSS背景图片未加载,但在我检查后加载

时间:2019-11-23 14:42:35

标签: html css

在我的一个网站中,我正在使用css background-image属性来设置不同部分的背景。除联系部分外,所有部分均正确加载其背景图像。

当我尝试检查它时,检查器显示无法在工具提示中加载背景图像。但是,当我尝试在新选项卡中打开图像时,我可以完美地看到该图像。这样做之后,当我刷新页面时,现在可以正确看到该部分的背景图像。我检查了“网络”选项卡,甚至没有找到要调用的图像文件。但是,在新标签页中打开图像,然后检查网络标签页后,就会显示该图像。

在尝试在新标签页中打开图像之前进行检查时出错:

enter image description here

可以查看我的网站here。该错误发生在“联系人”部分,可以查看here

请帮助我解决这个奇怪的错误。

1 个答案:

答案 0 :(得分:0)

因为您在控制台中收到此错误:

enter image description here

HTTP 409冲突响应状态代码表示请求与服务器的当前状态发生冲突

您的图片路径:

enter image description here

另一种通常更好的选择是使用相对于您的域的路径,您应该传递图片:

enter image description here

请参阅此帖子: background images path not working in CSS