こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

全く同じソースなのに、一方で背景画像が表示されない。

現在、開発用サーバーと公開用サーバーに分けてサイトを作成しているのですが、
開発用サーバーでは表示されている画像が、公開用サーバーだと表示されません。

該当箇所は以下のコードです。
開発用のファイルを公開用にコピーしているので、同一のコードを使用しています。

<div id="aaa">
 <div id="bbb">
  <div id="ccc"></div>
   <div id="ddd">ここにメッセージ</div>
 </div>
</div>

CSSで背景を指定しています。
#ccc {
background-image:url(../img/img.gif);
background-repeat:no-repeat;
width:600px;
height:32px;
}

cccのbackground-imageが公開用だと表示されません。
×となっているわけでは無く、何も表示されていません。
画像ファイルのパスも開発用と同一です。
試しに背景画像では無く背景色を指定したところ、表示されました。
画像ファイルに問題があるのか、公開用サーバーの設定等に問題あるのか、わかりかねています。
アドバイスよろしくお願いします。

投稿日時 - 2008-04-03 16:11:27

QNo.3918950

すぐに回答ほしいです

質問者が選んだベストアンサー

>>> 開発用のファイルを公開用にコピー

コピー方法は、画像の場合バイナリでしょうか。

ファイルのサイズも確認してみてください。

投稿日時 - 2008-04-03 16:18:27

お礼

ああー。凡ミスしていました。
転送モードがアスキーになってしまっていました。
バイナリで上げなおすと、正しく表示されました。
ありがとうございます!

投稿日時 - 2008-04-03 16:51:46

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

クライアントのWebブラウザで、公開用サーバーの ./img/img.gif ファイルにアクセスした場合、どのように表示されますか?

投稿日時 - 2008-04-03 16:29:12

お礼

何も出ませんでした。もしくは真っ白なのかな。
アスキーモードでアップロードしていたようです。
バイナリで上げなおすと正しく表示されました。
ありがとうございます。

投稿日時 - 2008-04-03 16:52:54

あなたにオススメの質問