2012年02月15日

IEでアメブロのタイトル画像が表示されない場合の対処法

実は、今更ながら最近アメブロを始めました(^-^;)。

デザインのカスタマイズをしていて、ブログヘッダーのタイトル画像を設定したところ、IE8で表示されない(真っ白になる)現象が発覚しまして、対処方法を見つけましたので記録しておきます。

【元のCSS】
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
}
.skinTitleArea a{
display:block;
background:url('画像URL') no-repeat;
width:980px;/* ←ココに画象の横幅のサイズを入れる */
height:300px;/* ←ココに画象の縦幅のサイズを入れる */
text-indent:-9999px;
}





【修正後のCSS】
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
}
.skinTitleArea a{
display:block;
background-image:url('画像URL');
background-repeat:no-repeat;

width:980px;/* ←ココに画象の横幅のサイズを入れる */
height:300px;/* ←ココに画象の縦幅のサイズを入れる */
text-indent:-9999px;
}

赤字の部分を修正することで、無事IE8でも表示されました〜!!!
同様の現象でお困りの方は是非お試しください♪


posted by あやぴ at 01:45

| Comment(2) | TrackBack(0) | アメブロカスタマイズ

この記事へのコメント
background:url('画像URL') no-repeat;

これを

background:url('画像URL') left top no-repeat;

とかにしてもOKですよね、多分。
Posted by うか at 2012年02月15日 08:35
>うかさん

コメントありがとうございます!

お。そうなんですね〜!
やってみました!
大丈夫でした〜〜〜♪

こちらの方が短くて簡潔ですね!
Posted by あやぴ at 2012年02月15日 09:04
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバック

Copyright(C)2005 パソコンインストラクターが教える*アフィリエイト&ネットでお小遣い講座* All rights reserved

×

この広告は180日以上新しい記事の投稿がないブログに表示されております。