mrs.suzu841.com 管理人の四方山(よもやま) tips





edit.gif CSS3 ボックスに影をつける box-shadow, filter で IE にも対応させる

下のコードを書いてあるボックスの影は以下のように記述して Firefox3.6, IE に対応させています。
-moz- で始まるコードの行は Mozilla Firex 、-webkit- で始まる行は Safari, Chrome など、filter: で始まる行が IE 対策のようです。




sample {
box-shadow: 5px 5px 2px #2B3C45;
-moz-box-shadow: 5px 5px 2px #2B3C45;
-webkit-box-shadow: 5px 5px 2px #2B3C45;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#2B3C45', Direction=145, Strength=5);
}



参考ページ : SMASHING