css - CSS 背景画像が読み込まれない

Question

私の質問は、背景画像が Web サイト (CSS ファイル) に読み込まれないのはなぜですか? それらを !important に設定しましたが、機能しません。また、画像をローカルで試しましたが、まだ機能しません。画像が現在別の URL でホストされている場合、問題はありますか? ありがとう。

Answer 1

http://www.runescape.com/ドメイン上の画像にリンクしており404 Not Found、画像を直接参照すると画像が存在する場合でも、画像は で応答します (つまり、 で応答し200 OKます)。これは、ホットリンクが無効になっていることを意味します。

他のリソースを使用しようとしていますが、それにもかかわらず、許可されていないため、ドメインで使用されているときに画像が読み込まれないのはこのためです。

解決策: 自分で管理できる場所に配置された独自の画像を使用します。

Answer 2

1. 他人の画像を使用しようとしている場合、ホットリンクが許可されていない可能性があります。
2. 画像がローカルまたは独自のサーバーに保存されている場合は、パスまたは URL が間違っている可能性があることを確認してください。

Answer 3

うまく答えるには十分な情報がありません...しかし、 #Background 要素について話している場合は、おそらくパスの問題です。パスが正しく設定されていることを確認してください。

#Background{
 background: url(background_simple.jpg) no-repeat center 65px black;
 width: 100%;
 min-width: 1000px;
 left: 0;
 top: 0;
}

たとえば、CSS が /resources/ ディレクトリにあり、画像が /images/ ディレクトリにある場合、使用しているものは機能しません。次のようなものが必要です。

background: url(../images/background_simple.jpg) no-repeat center 65px black;