IE背景画像の表示不良

追記:以下の対策は、問題があることがわかった。

IE6では、index.html#test を表示したとき

表示された画面の背景は、表示される。

 しかし、スクロールして、index.html#test2 など、

 同じクラスが指定されている。スクロールしないと見えない位置にある div ブロックの背景は、表示されなかった。

 index.html#test2を開いたときには、

 背景は表示されるが、今度は、index.html#testの背景が表示されなかった。




 対策について、お解りになる方、教えてください。





以下の指定で、背景色が表示されなかったり、中途半端に表示される。

.think{
margin:1em;
background:#fff url(bg_stripe.jpg);
border:1px solid #ccc;
padding:2em;
line-height:1.5;
color:#444;
background-repeat:repeat-x;

}

対策 
.think{
margin:1em;
background-color:#fff;
background-image:url(bg_stripe.jpg);
border:1px solid #ccc;
padding:2em;
line-height:1.5;
color:#444;
background-repeat:repeat-x;

}

memo:
ショートハンド CSS プロパティについて

、ショートハンド CSS プロパティで省略された値には初期設定値が割り当てられる

ショートハンドルールで省略したプロパティが別のルールで明示的に指定したプロパティより優先される (カスケードされる) ことがあります。


ショートハンドをやめると、表示ができるようなので、それでよしとする。


IE6 ff2 OP9.21

TOP