IE で CSS3 の box-shadow の効果をシミュレートする

不言
リリース: 2018-06-21 17:30:27
オリジナル
1450 人が閲覧しました

この記事は主に 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*/ 
}
ログイン後にコピー

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP に注目してください。中国語のサイトです!

関連する推奨事項:

CSS3 を使用して div 特殊効果を表示および非表示にする方法

CSS3 を使用して入力入力ボックスのカラー グラデーション グロー効果を実現する方法


以上がIE で CSS3 の box-shadow の効果をシミュレートするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート