ホームページ > 記事 > ウェブフロントエンド > IE で CSS3 の box-shadow の効果をシミュレートする
この記事は主に IE で CSS3 でボックス シャドウをシミュレートする効果を紹介します。これには特定の参考値がありますので、必要な方は参考にしてください。 IE のシャドウ フィルターを使用して実現できます。このフィルターは背景属性と一緒に使用する必要があります。そうでない場合、フィルターは無効になります。IE の CSS3 でボックス シャドウ (シャドウ) をシミュレートできます。シャドウフィルター
基本構文: filter: progid:DXImageTransform.Microsoft.Shadow(color='color value', Direction=Shadow angle (numeric value), Strength=Shadow radius (numeric value)); 注: このフィルターは必ず使用してください。背景属性と一緒に使用しない場合、フィルターは無効になります。IE で CSS3 の box-shadow (シャドウ) コードをシミュレートします:
.box-shadow{ filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/ background-color: #eee; -moz-box-shadow:2px 2px 5px #969696;/*firefox*/ -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/ box-shadow:2px 2px 5px #969696;/*opera或ie9*/ }
CSS3 を使用して div 特殊効果を表示および非表示にする方法
CSS3 を使用して入力入力ボックスのカラー グラデーション グロー効果を実現する方法
以上がIE で CSS3 の box-shadow の効果をシミュレートするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。