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) | アメブロカスタマイズ

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

×

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