- ベストアンサー
問題：Webページの背景画像表示について
- Webページの背景画像がGoogle Chromeでは正常に表示されるが、IEやFirefoxでは表示位置がずれる現象についての解決方法を教えてください。
- 質問者はWebページの背景画像設定について悩んでいます。Google Chromeでは問題なく表示されるが、IEやFirefoxでは画像が上部にずれる現象が発生しています。解決策を教えてください。
- Webページの背景に設定した画像が、Google Chromeでは中央に表示されるのに対し、IEやFirefoxでは上部にずれる現象が生じます。この問題の解決方法を教えてください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
変更した箇所だけ ということで<style>内のみ。右側に書き足した行に「←」印です。 <STYLE type="text/css"> html { height: 100%; } ← body { color: black; font-family: "Bookman Old Style", sans-serif; background: url("koganemini.jpg") center no-repeat; height: 100%; ← } div#header { font-size: 35pt; text-shadow:#666666 2px 2px 1.3px; } div#menu { width: 3cm; height: 15cm; margin: 5cm,2cm; padding: 5cm,2cm; position: absolute; top: 3cm; left: 1cm; font-size: 15pt; } div#footer { position: absolute; bottom: 2cm; left: 1cm; font-size: 10pt; } a { color: black; font-style: normal; text-decoration:none; } </STYLE>
その他の回答 (2)
- nekomikekamo
- ベストアンサー率73% (71/97)
background: url("img/back2.png") center no-repeat; ↓ background: url("img/back2.png") 50% -50% no-repeat; とか？
お礼
回答ありがとうございます。 試してみました。 この方法だと,意図通りに動くのはIEだけとなってしまうようです。 参考までに,リンク先のページをこのコードで書いたものに更新しました。
- yyr446
- ベストアンサー率65% (870/1330)
background: url("img/back2.png") center no-repeat; を background: url("img/back2.png") no-repeat center center； とか background: url("img/back2.png") no-repeat 50% 50%; に変えてみるとか
お礼
回答ありがとうございます。 試してみましたが,改善されずでした。
お礼
回答ありがとうございます。 試してみたところ,IE,Firefox,chrome,safari四種のブラウザで意図通り動きました。 ベストアンサーに選ばせていただきます。他の回答を頂いた皆様も,ありがとうございました。