IEでテキスト・ボックスシャドーに対応
IEでテキストのドロップシャドー、ボックスシャドーに対応してくるスクリプトについてご紹介。
ppBlogさんにて公開されています。
使い方は記事にある通り、外部スクリプトとしてhead内に読み込ませます。
<script type="text/javascript" src="css3shadow.htc"></script>
試しにデモデータを作成してみました。
上記デモのCSS
.entry {
background-color:#EEE;
width:400px;
margin:30px 0px 0px 30px;
-moz-box-shadow: 10px 10px 10px #666666;
-webkit-box-shadow: 10px 10px 10px #666666;
}
.entry h2 {
text-shadow: 2px 2px 2px #666666;
padding:15px 0px 0px 0px;
}
※添付ファイルのリンクは切れているようで、
ページ下部のmartinさんのコメントにてファイルへのリンクが紹介されています。
