0

次の IE 7 以降と互換性のある CSS コードは何ですか。

 -moz-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.25);
 -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
 box-shadow:         inset 0 0 10px rgba(0, 0, 0, 0.25);
4

3 に答える 3

0

おそらくIEフィルターを使用する必要があります：IE5.5以降のシャドウフィルター

または、この他のアプローチですが、挿入部分についてはよくわかりません：ボックスシャドウ-CSSトリック

于 2012-10-02T20:52:43.783 に答える
0

box-shadowIE7/8 は標準 CSSをサポートしていません。

IE 独自のスタイルを使用して動作させることは可能ですfilterが、これは非常に苦痛であり、間違いなく非標準です。

別の方法は、 CSS3Pieを使用することです。これは、IE 6/7/8 用の小さな JavaScript ハックで、標準の CSSbox-shadowと他のいくつかのスタイルをこれらの古いブラウザーに実装します。

css3pie スクリプトpie.htcをダウンロードして、サイトにコピーするだけです。box-shadow次に、スタイルと一緒に CSS で参照します。

.myClass {
  -moz-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow:         inset 0 0 10px rgba(0, 0, 0, 0.25);
  behavior: url(/PIE.htc);
}

詳細については、CSS3Pie Web サイトを参照してください: http://css3pie.com/

于 2012-10-02T21:01:47.680 に答える
0

私の記事を読んでください: http://dev.opera.com/articles/view/cross-browser-box-shadows/

無地の背景の場合は、IE8 でインセット ボックス シャドウを作成するのが現実的です。

于 2012-10-02T21:42:35.237 に答える