【问题标题】:CSS background-image not loading, but loads after I inspect itCSS背景图像未加载,但在我检查后加载
【发布时间】:2019-11-23 14:42:35
【问题描述】:

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

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

在尝试在新选项卡中打开图像之前检查时出错:

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

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

【问题讨论】:

  • 你说的是哪个背景?砖头?它在我这边加载得很好。
  • 是的,积木。那很奇怪。您可以尝试在私人窗口中加载它吗?
  • 刚刚也这样做了,并且仍然可以正常工作。也许您只需要清空缓存?
  • 它对我来说也很好,在 chrome mobile 上。
  • 在 Chrome、Mac 上。工作得很好。即使是隐姓埋名。

标签: html css


【解决方案1】:

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

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

你的图片路径:

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

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

【讨论】:

  • 哦,我没看到。你能解释一下为什么会发生请求冲突吗?
  • 图片路径。请注意造成差异的斜线。文件夹的级别是有时您无法加载图像的原因。
猜你喜欢
  • 2014-02-17
  • 1970-01-01
  • 2017-05-01
  • 1970-01-01
  • 2015-02-28
  • 1970-01-01
  • 2023-01-26
  • 2013-03-10
相关资源
最近更新 更多