我对特定图片 URL 有一个奇怪的问题。
首先请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 时如何处理这种情况？ ？
最佳答案
您正在从不同的 URL/wordpress 系统加载此图像。看起来 Wordpress 本身会阻止其“文件系统”中的图像作为背景图像从其他 URL 加载。
但是您可以只保存该图像，将其放在您自己的网站上并从那里加载。
关于html - 除非浏览器直接访问和缓存背景图像，否则不会显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41916752/