IE7 および IE8 でカラー ボックス シャドウを実装するにはどうすればよいですか?

IE7 および IE8 でのボックス シャドウの実装

質問:

さまざまな方法を利用しているにもかかわらず、 IE7 と IE8 のカラー ボックス シャドウの実装は残ります。とらえどころのない。次の CSS コードが使用されています:

.bright {
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0px -3px 55px 20px #147197;
  box-shadow: 0px -3px 55px 20px #147197;
  -webkit-box-shadow: 0px -3px 55px 20px #147197;
  behavior: url(ie-css3.htc);
}

「ie-css3.htc」ファイルは IE のシャドウの問題の解決策を提供しますが、シャドウを白と黒に制限します。

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

を使用しようとすると、全方向シャドウではなく、指向性シャドウが生成されます。さらに、ぼかしフィルターを使用するには追加の div が必要ですが、これは現在のシナリオでは望ましくありません。この問題については、専門家の指導を求めてください。

回答:

以前のバージョンの IE で CSS3 プロパティをエミュレートするツールである CSS3 PIE (Pie: Internet Explorer CSS3) の使用を検討してください。 。 CSS3 PIE は、「inset」キーワードを除き、box-shadow をサポートします。

以上がIE7 および IE8 でカラー ボックス シャドウを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。