ブラウザで直接訪問してキャッシュしない限り、背景画像が表示されない

Question

特定の画像URLに奇妙な問題があります。

まず第一には、だからあなたのクリーンキャッシュ（それはとにかく、トルコ語の言語で開発中のRedditのクローンだ...）

でvisit this pageを喜ばせる、サムネイル画像が右に表示されませんでしたか？何もない、ちょうど空白？私はサムネイル画像unlike this pageがないことを意味しますか？

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

今、あなたのブラウザと問題のページへreturn backでvisit the image directlyを喜ば：

これは、我々は、サムネイル画像をロードする方法です。今回の画像は正しく表示されましたか？

最終的に私の結論です。ブラウザが直接訪問してキャッシュしない限り、背景イメージは表示されません。

これの背後にあるメカニズム/理由は何ですか？あなたは単にURLを見て想像すると、画像のホストはWordPressサイトです。それで、この画像がロードされないようにするにはどうすればいいのでしょうかbackground-image: url('...')ところで、それは画像を完全に<img>タグでロードしています。

私は同じようなトリックを行っているいくつかの壁紙のWebサイトを知っていますが、リダイレクトトリックをせずに直接画像を放棄している人はいません。このケースは似ていないと私は信じています。

最後に、 background-imageを使用している場合、どうすればこのようなケースを処理できますか？

Answer 1

この画像は別のURL/wordpressシステムからロードしています。 Wordpress自体のように、 "ファイルシステム"内の画像が他のURLの背景画像として読み込まれないように思われます。

しかし、画像を保存して自分のサイトに置いてそこから読み込むことができます。