Fri, October 20, 2017

IE6、IE7、IE8でもCSS3のようなドロップシャドウを実装する方法

CSSplayからのご紹介です。
IEの「filter」を使って実装するというテクニックです。

デモページ

■CSSサンプルコード
<!--[if IE]>
<style type="text/css">
.container {padding-left:14px;}
.frame {left:4px; top:4px;}
.shadow {background:#000; margin:-4px -4px; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');}
</style>
<![endif]-->

 

情報元:コリス
情報元:CSSplay

この記事を共有 :

Twitter Delicious Facebook Digg Stumbleupon Favorites More

Leave a Reply

Spam Protection by WP-SpamFree