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

时间:2017-01-29 01:31:32

标签: html css wordpress background-image

我对特定的图片网址有一个奇怪的问题。

首先请用你的干净缓存来visit this page(这是一个正在开发的土耳其语Reddit克隆,无论如何......)

那么,缩略图没有出现吗?没什么,只是空白吗?我的意思是没有缩略图unlike this page对吧?

这就是我们加载缩略图的方式:

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

现在请用您的浏览器visit the image directlyreturn back访问有问题的页面。这次图像出现了吗?

最终我的结论是;除非浏览器直接访问和缓存,否则背景图像不会显示。

那背后的机制/原因是什么?正如您可以想象的那样,只需查看URL,图像的主机就是一个WordPress网站。那么可以通过background-image: url('...')阻止此图像加载的技巧可能就像它使用<img>标记完美加载图像一样。

我知道一些壁纸网站正在做类似的技巧,但没有一个人直接放弃图像而没有做重定向技巧。我相信这个案子并不相似。

最后但并非最不重要;使用background-image时如何处理这种情况?

1 个答案:

答案 0 :(得分:0)

您正在从其他网址/ wordpress系统加载此图片。好像Wordpress本身会在其文件系统中阻止图像。从其他URL加载为背景图像。

但您可以保存该图片,将其放在您自己的网站上并从那里加载。