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

質問

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

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

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

回答No.1

auty · ベストアンサー

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

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

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

お礼

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

回答No.2

DIooggooID

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

お礼

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