Html 除非浏览器直接访问并缓存背景图像，否则不会显示背景图像

我有一个特殊的图像URL奇怪的问题

首先，请使用干净的缓存（无论如何，这是一个正在开发的土耳其语Reddit克隆…）

那么，缩略图没有显示对吗？没什么，只是空白，对吗？我的意思是没有缩略图，对吗

这是我们加载缩略图图像的方式：

<div class="link-thumbnail" style="background-image: url('http://www.herkesebilimteknoloji.com/wp-content/uploads/2017/01/dunya.png');"></div>

现在请使用您的浏览器并转到有问题的页面。这次图像出现了，对吗

最后我的结论是,；除非浏览器直接访问并缓存背景图像，否则不会显示背景图像

那么，这背后的机制/原因是什么？正如您只需查看URL即可想象的那样，该图像的主机是一个WordPress站点。那么，通过

背景图像：url（“…”）

将图像完美地加载到

标记中，有什么诀窍可以阻止此图像加载呢

我知道一些墙纸网站也在做类似的把戏，但没有一个网站不做重定向把戏就直接发布图像。我相信这情况并不相同

---

最后但并非最不重要；使用

背景图像时如何处理这种情况？
您正在从不同的URL/wordpress系统加载此图像。Wordpress本身似乎阻止将其“文件系统”中的图像作为背景图像从其他URL加载

但您可以保存该图像，将其放在自己的网站上，然后从那里加载。
但我不想将该图像保存到我的服务器中。WordPress如何将请求识别为背景图像？我的意思是工作。WordPress如何区分这一点？最重要的是，我如何通过编程在服务器/客户端检测到这种情况，以便替换URL。也许您的服务器拒绝从其他域加载背景图像？将图像保存在服务器上有什么不好？在这种网站上，内容基本上就是链接。如果缩略图图像被破坏，则URL被破坏。如果URL被破坏了，有什么意义：）我还计划将缩略图大小增加到最小200x200。我没有钱买一台存储大量200x200图像的服务器<代码>背景图像

在客户端而不是服务器端加载url。我想你是糊涂了。