人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートで困っています。

body {
background-image: url("./bg.gif");
}

のように、背景画像を指定していますが、
firefoxだと全然表示されていません。
IEだときちんとリピートされて
背景に画像が敷き詰められます。

試しに
background-repeat: repeat;
もつけてみましたが、firefoxだと表示されません。
(実際には、画面中央に1個だけ表示されているのかもしれませんが、コンテンツに隠れて見えません)


何か考えられる原因がありましたら、お願いします。

MT等で、コンテンツ部以外の背景全体に小さな画像をループして表示させたいと思っています。

●質問者: onigirin
●カテゴリ:ウェブ制作
✍キーワード:background-image background-repeat BODY firefox GIF
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● yamats
●35ポイント ベストアンサー

body {

background:url("http://画像場所.gif");


このように記述してみてください。

◎質問者からの返答

どうもありがとうございます。

試してみましたが、firefoxでは表示されませんでした・・・。

firefox2.0で、たぶんコンテンツの裏側に1回だけ表示されている気がします。。。


2 ● yamats
●35ポイント

対策

1)クッキーやファイル、履歴の削除をしたあとに、もう一度上記のURLで再読込みしてみてください。

それでも、エラーがでる場合は、

2)自動再読込機能のチェックを外して手動で読込みをしてみてください。


それでも、エラーがでる場合は、

http://mozillazine.jp/forums/

ここで質問してみるといいですよ。


私のPCでは背景を読み込めているので、もしかしたら、何かと何かの相性が悪いのかもしれません。それか一時的なエラーかもしれません。(例 インストールする際に、きちんとインストールされていないetc..←PCが古い場合はこういう事もよくあります。一度アンインストールさせてから、もう一度firefoxを再インストールすると問題が解決する場合もあります。)

◎質問者からの返答

どうもありがとうございます。

キャッシュを削除したあと試してみたら、うまく表示されました!

しかし微々たる違いで、スタイルシートは動作が違うのですね・・・。

助かりました。

どうもありがとうございました!


3 ● sjy
●10ポイント

body{

background-image:url(画像の絶対パス);

background-repeat:repeat-x;

}

でまず試してみて下さい。これはx方向の繰り返しですが、もしこちらができれば新しい解決策が見つかるかもしれません。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ