0

Web サイトを作成していますが、そのサイトはいくつかの画像で構成されています。ローカルではすべて正しく表示されますが、サーバーにアップロードすると一部の画像が表示されません。GIF / アニメーション GIF がまったく表示されず、一部の jpeg 画像が表示されません (その他は問題ありません)。影響を受けていないように見える唯一の画像は PNG で、問題なく表示されます。

FireBug を確認して画像リンクにカーソルを合わせると、メッセージが表示されますFailed to load given URL

サーバー上の画像への直接 URL リンクを入力すると、画像がダウンロードされるので、画像は間違いなくそこにあります。

これが私のCSSです:

body {
    background-color: #000;
    background-repeat:no-repeat;
    background-position:top;
    background-image:url(../images/background2.gif);
}

同じコードを使用して別の Web サイトを作成しましたが、background.gif 画像が異なり、すべてが正しく表示されます。他に何が違うのかわかりません。

また、サーバーから画像を削除して再度追加しようとしましたが、それでもうまくいきません。

4

3 に答える 3

0

みんなの助けに感謝します。これは、私の仕事用インターネットの何らかの帯域幅制限の問題であることが判明しました。他の場所からサイトを見たら画像が全部読み込まれていました……。再度、感謝します。

于 2013-03-26T11:57:27.443 に答える
0

使用する代わりに:

background-image:url("../images/background2.gif");

使用する:

background-image:url("/images/background2.gif");

「/」で始まると、ルート ディレクトリに移動し、そこから開始します

「../」で始まるディレクトリを 1 つ戻し、そこから開始します

(また、パスに常に引用符を含めることをお勧めします)

于 2013-03-15T15:05:01.187 に答える
0

URL にフル パスを入力してみてください。

例えばbackground-image:url(http://www.your-site.com/images/background2.gif)

-それが機能する場合は、パスを確認し、css URL がディレクトリ構造と一致していることを確認してください。

于 2013-03-15T14:15:44.590 に答える