chrome没有显示背景图片，但它显示在更改谷歌开发人员工具的任何值

Question

这个问题可能听起来很有趣。但我坚持到这里。在我的一个网站中，特定div的背景图像没有显示出来。所以我按下了f12，用chrome开发工具检查了它。在那里我改变了div的位置。我也在通讯员css上做了改变。但即使我重新加载网站，它也没有显示出来。所以我清除了chrome缓存。然后我重新加载网站，仍然没有显示。令人尴尬的是，在从开发人员工具更改任何值时，会使背景图像可见，但如果我在css中更改它则不会。例如，

  

我的div是“A”。我有一个背景图像，它没有显示。   我按了f12并改变了另一个没有的div“B”的颜色   div“A”之间的相关性，浏览器上显示的背景图像

，它在mozilla中完美运行。我想知道它是如何发生的以及为什么？任何人都可以帮助我吗？提前谢谢。

此图片在更改f12中的值之前

这是在更改开发人员工具中的任何值之后

这是我的页面。

enter link description here