h1のテキストを背景画像で表示しようとしたらIEででない。

| | コメント(0) | トラックバック(0)

h1だけに限らないけど、テキストを背景画像に置き換えたいときにつかうCSSテクニックがあるじゃないですか。
これをやろうとしたら、FireFoxでは背景画像が表示されるのに、IEで表示されないという現象が起きた。
けっこうハマったのでメモ。

======================
div#header h1{
width:336px height:98px; margin:0; padding:0;
background:#fff url(../images/title_logo.gif)no-repeat top left;
}
======================
とやってたらFireFoxではでるのにIEででない。

相当ハマった挙句、結果なんとno-repeatの前に半角スペースがなかったからだと判明
======================
div#header h1{
width:336px height:98px; margin:0; padding:0;
background:#fff url(../images/title_logo.gif) no-repeat top left;
}
======================
これだと表示された。

うーん。むなしい。

トラックバック(0)

このブログ記事を参照しているブログ一覧: h1のテキストを背景画像で表示しようとしたらIEででない。

このブログ記事に対するトラックバックURL: http://hirop0164.s326.xrea.com/mt/mt-tb.cgi/143

コメントする


画像の中に見える文字を入力してください。

このブログ記事について

このページは、ぴろしが2008年4月21日 12:46に書いたブログ記事です。

ひとつ前のブログ記事は「XHTML+CSSでホームページ作成」です。

次のブログ記事は「究極のマルチカラムのリキッドレイアウト」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。