IEで背景画像が表示されない

Question

【HTML部分】ああああああいうえお【CSS部分】 body { background-image: url("./img/back.jpg"); background-repeat: repeat; } Firefox系やchrome系では背景が表示されるのですが、IEでのみ白色となってしまいます。検索してひと通りの解決方法を試してみましたがどれもうまくいかず…。解決のヒントをいただけたらと思います。よろしくお願いしますm(_ _)m

yukimamire-com · Accepted Answer

＞("./img/back.jpg");
部分をフルパスか、本体BODYに直接指定するかでどうですか？

tanuhei · Answer

度々すみません。NO.2～4の答えは全部私です。訂正した際にCSSを内部に書いてしまったのをそのままにしてしまいました。これが完全版という事で、NO.2とNO.3は無視して下さい。。。どこが悪いのかというと、HTMLもCSSも抜粋的なソースかと思いますので、断定できませんでした。 IEだけうまくいかないという事でしたね。IEは悪く言えばバグが多く融通が利かない。よく言えば文法などに正確でうるさいブラウザです（良く言ってないか…）。それに対してFirefoxやSafari等は結構文法や書き方を間違えていても気を利かして思い通りに表示してくれます。下にちゃんと表示される（ハズ）ソースを書きました（勝手にHTMLは4.01のtransitionalにしちゃいました。）ので本当のソースと見比べてヒントにして頂ければと思います。ああああああいうえお【CSS部分】 @charset "UTF-8"; body{ background : url(./img/back.jpg) left top repeat; }

tanuhei · Answer

2か所ちょっとしたミスをしてました… こっちを使ってください。ああああああいうえお

tanuhei · Answer

どこが悪いのかというと、HTMLもCSSも抜粋的なソースかと思いますので、断定できませんでした。

IEだけうまくいかないという事でしたね。IEは悪く言えばバグが多く融通が利かない。よく言えば文法などに正確でうるさいブラウザです（良く言ってないか…）。それに対してFirefoxやSafari等は結構文法や書き方を間違えていても気を利かして思い通りに表示してくれます。下にちゃんと表示される（ハズ）ソースを書きました（勝手にHTMLは4.01のtransitionalにしちゃいました。）ので本当のソースと見比べてヒントにして頂ければと思います。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>あああああ</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<link href="text.css" rel="stylesheet" type="text/css">
</head>
<body>あいうえお</body>
</html>
【CSS部分】
@charset "UTF-8";
body{
background : url(/img/common/maru1.gif) left top repeat;
}

P.S.
ちゃんと表示されなかったら補足して下さい。責任を持って直します…

IEで背景画像が表示されない

＞("./img/back.jpg");

この回答への補足

度々すみません。

この回答への補足

2か所ちょっとしたミスをしてました…

どこが悪いのかというと、HTMLもCSSも抜粋的なソースかと思いますので、断定できませんでした。

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング