みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

IE6でのみCSSの背景が見えない

度々すみません。
CSSで見出しの設定をしているのですがなぜか<h2>見出し2の背景画像だけIE6で見えません。
Nescape,safari,firefoxでは問題ありません。
しかも他の見出しは同じ手順で作成、記述しているのに全て見えています。すごく不思議です。
記述は下記の通りです。

//-----css
#main h2
{
font-size: 9px;
color: #FFFFFF;
background:no-repeat;
margin: 10px 0px;
padding: 0px;
height: 44px;
width: 595px;
font-size: 9px;
color: #FFFFFF;
height: 44px;
width: 595px;
margin: 8px 0px 0px;
}
.PROFILE { background:url(../image/ttitle_company.gif)}
.COUNSUL { background:url(../image/ttitle_con.gif)}
.PRODUCTS { background:url(../image/ttitle_products.gif)}
.BACKGROUND { background:url(../image/ttitle_company.gif)}
.CASESTUDY { background:url(../image/ttitle_case.gif)}

//-----HTML
<h2 class="PROFILE"><em>会社情報</em></h2>
的確なご意見以外にも何か疑われる事があれば教えて下さい。
よろしくお願い致します。

投稿日時 - 2007-10-28 12:21:54

QNo.3468222

すぐに回答ほしいです

質問者が選んだベストアンサー

<div id="main">
<h2 class="PROFILE"><em>会社情報</em></h2>
</div>

とした場合、私の環境ではie6もfxもoperaでも背景は表示されませんでした

style適用の優先順位として上位にくる#main h2という指定のほうで、
background をまるまる上書きしているようなので、
リピートだけを設定するのならば、
background-repeat:no-repeat;
と変更してみてください

後は画像のパス違い等のミスも考えられます

これでも解決しない場合は、css部を1行ずつ削って確認するなど
内容をより簡潔にしながら探すことが原因解明への近道です

投稿日時 - 2007-10-28 13:30:10

お礼

ありがとうございました。解決しました。
CSSを勉強したてなので一旦おかしくなるとパニクってしまいます(汗)

投稿日時 - 2007-10-28 13:59:37

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問