- 締切済み
IE,Firefoxでbodyの背景画像が表示されません。
IE8とFirefox3.0で、 cssでbodyに入れている background-image、background-colorがどちらも適用されません。 Sleipnir2.8.5ではきちんと表示されます。 ですので、htmlはあっているかと思います。 一通り、タグぬけがないかとかも、調べてみましたが、 特にないようです。 いろいろ調べてみましたが、わかりません。 hasLayout対策とかも試してみました。 (width や position をいれるなど) 下記がbodyのcssです。 body { color: #333; text-align: center; font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 14px; background-color: #FFFF66; background-image: url("img/bg.jpg"); background-position: center top; background-repeat: repeat-y; margin: 0px; } 教えていただけると、 大変助かります。 よろしくお願いいたします。
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- notnot
- ベストアンサー率47% (4900/10358)
htmlファイルとcssファイルが別ディレクトリではありませんか? cssのurl()で相対パス指定をすると、cssファイルを起点とした相対パスになりますが、合ってますか?
- a3453a
- ベストアンサー率28% (132/460)
img/bg.jpgファイル等が別のフォルダ-に 入ってしまっているかもしれません(サーバー内で) あとは サーバー能力が弱くてバック画面を持ってくるまでの 時間がかかりすぎているかも。
お礼
さっそくの回答ありがとうございます。 サーバーを調べたところ、フォルダに画像は 入っていました。 サーバーとIEの相性がわるいのでしょうかね?
補足
解決しました! 外部CSSからbodyとcontainerを抜き出して 内部に貼り付けたら、きちんと表示されました。 なぜなのか、意味がわかりませんが、 とにかく解決しました。 ありがとうございます。
- mdp36
- ベストアンサー率72% (26/36)
Firefox3.5とIE8で試したところ動作しました。 FirebugやIE8の開発者ツールで調査すれば何かわかるのではないでしょうか。
お礼
開発者ツールですか。 私にとって、新しい発想ですね。 ちょっと、調べてみます! ありがとうございます。
補足
解決しました! 外部CSSからbodyとcontainerを抜き出して 内部に貼り付けたら、きちんと表示されました。 なぜなのか、意味がわかりませんが、 とにかく解決しました。 ありがとうございます。
お礼
回答ありがとうございます。 ディレクトリは合っていました。 うーむ。
補足
解決しました! 外部CSSからbodyとcontainerを抜き出して 内部に貼り付けたら、きちんと表示されました。 なぜなのか、意味がわかりませんが、 とにかく解決しました。 ありがとうございます。