我遇到了一个奇怪的问题，这对我来说绝对没有任何意义。我在网站上设置了两个背景图片，它们已经工作了几个月。他们突然停止工作，尽管代码没有变化。我知道我使用的图片网址正确无误。在浏览器开发人员工具中，它告诉我“无法加载图像”，但是当我单击url时，它将带我到图像，确认路径正确。
现在，奇怪的是我可以临时解决此问题的所有方法。首先，我的CSS：
.header-image .site-title > a {
background: url(images/logo.png) no-repeat left top / auto 60px;
}
div#bg-left {
background-image: url("/CRC/wp-content/themes/crc-2018/images/side-ad-6.jpg");
margin-left: -1104px;
}
div#bg-right {
background-image: url("/CRC/wp-content/themes/crc-2018/images/side-ad-6.jpg");
margin-left: 683px;
}
即使图像位于同一文件夹中，路径也不同。我不确定为什么最初要这样做，但是它提出了一个有趣的观点。当我将路径的短版本（images / logo.png）更改为长版本（/CRC/wp-content/themes/crc-2018/images/logo.png）时，或从长更改为短，然后保存CSS，它解决了这个问题。但只是暂时的。更改css并更新文件似乎可以解决问题，即使两个路径都正确并且应该可以使用。但是，问题很快又回来了，这时我可以将路径改回原始文件，问题将再次得到临时解决。现在，当我说固定时，我的意思是说它已在多个具有清除缓存的浏览器中固定。问题再次出现时也是如此。
即使是陌生人，我也可以通过进入浏览器开发人员工具并再次弄乱图像路径来暂时解决问题（再次，只要在长路径和短路径之间来回切换）。图像突然突然弹出，一切都很好，除了在我刷新页面后图像保持固定并且路径返回到原来的样子之外，这并不奇怪，这也解决了问题即使我实际上只是用一个浏览器中的浏览器工具搞乱了，也可以在完全不同的浏览器中使用。我不知道这对其他浏览器有何影响，因为我还没有触摸过实际的CSS文件。
我真的很茫然，因为这些都没有任何意义。任何指向我正确方向的指导都是很棒的。我一直在寻找答案，但没有发现对我的情况有所帮助。