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