html - CSS 背景图像未加载,但在我检查后加载

标签 html css

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

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

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

enter image description here

我的网站可以查看here .错误发生在联系部分,可以查看here

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

最佳答案

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

enter image description here

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

你的图片路径:

enter image description here

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

enter image description here

请看这篇文章: background images path not working in CSS

关于html - CSS 背景图像未加载,但在我检查后加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59008791/

相关文章:

css - YII2 前端的自定义 Bootstrap css

javascript - 离线保存包含 javascript 的网页

html - IE 下拉菜单问题

html - <Span> 不是 block 文本

javascript - 更改滚动标志

html - CSS 背景颜色适用于 DW 但不适用于浏览器

javascript - 可以在 React 网络应用程序中使用 Vanilla HTML 吗?

javascript - 将表格数据转换为数组(格式化)

css - 不设置 `width`全 Angular

html - 如何水平旋转表格标题并保持自动列宽?