デザインのカスタマイズをしていて、ブログヘッダーのタイトル画像を設定したところ、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でも表示されました〜!!!
同様の現象でお困りの方は是非お試しください♪