影

ブログの周りに影をつけてみた。

以下を参考に
http://builder.japan.zdnet.com/html-css/sp_css-firefox-safari/20372207/

以下コードを記述

-webkit-box-shadow: 10px 10px 10px gray; /* Safari,Google Chrome用 */
-moz-box-shadow: 10px 10px 10px gray; /* Firefox用 */
-o-box-shadow: 10px 10px 10px gray; /* Opera用 */
-ms-box-shadow: 10px 10px 10px gray; /* IE用 たぶん意味ない */
box-shadow: 10px 10px 10px gray;

IE8以前は表示されなかった。
CSS3の機能は、IE8以下ではサポートされていないらしい。


一応下の方法で再現ができるらしい。
http://thinkit.co.jp/story/2011/06/20/2168

表示は出来たんだけど、やたら重くなってしまったので却下。。。


他にないか調べてるとこんなのを発見！
http://html5-css3.jp/tips/ie6-ie7-ie8-css3-behavior-ie-css3-htc.html

これば簡単そう！！早速導入してみた！

けど。。。「Access is denied to:～」ってエラーになってだめだった。。。

う～ん、よくわからんｗギブアップ！