我对特定的图片网址有一个奇怪的问题。
首先请用你的干净缓存来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 directly和return back访问有问题的页面。这次图像出现了吗?
最终我的结论是;除非浏览器直接访问和缓存,否则背景图像不会显示。
那背后的机制/原因是什么?正如您可以想象的那样,只需查看URL,图像的主机就是一个WordPress网站。那么可以通过background-image: url('...')
阻止此图像加载的技巧可能就像它使用<img>
标记完美加载图像一样。
我知道一些壁纸网站正在做类似的技巧,但没有一个人直接放弃图像而没有做重定向技巧。我相信这个案子并不相似。
最后但并非最不重要;使用background-image
时如何处理这种情况?
答案 0 :(得分:0)
您正在从其他网址/ wordpress系统加载此图片。好像Wordpress本身会在其文件系统中阻止图像。从其他URL加载为背景图像。
但您可以保存该图片,将其放在您自己的网站上并从那里加载。