タイトルまま。他のブラウザでは大体意図した通りにbox-shadow
が付く。box-shadow
プロパティーはIE9でもtable
要素絡みあたり以外ならまともに動くので、エッジケースと考えて良さそう。一応解決方法もある。
Demo: Inset box-shadow
to body
in IE9
inset
キーワードを使って内側にしたのはわかりやすくするため。あってもなくても結果は変わらない。開発者ツールで見るとプロパティー自体は認識されている。とりあえず再現率は100%。
html {
background-color: white;
}
などとしてhtml
要素の背景色をtransparent
以外にすると解決する。でもこれやるとbody
要素の背景画像の開始位置がずれることは頭に入れておいた方が良い。border
プロパティーを使ったりすれば何とか出来るのだけど……。