3

ちょっとした簡単な質問ですが、この css コードは ie8 のドロップ シャドウでは機能しません。なぜ機能しないのでしょうか?

/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
4

2 に答える 2

3

これが IE8 のバグかどうかはわかりませんが、追加するbackground-colorと期待どおりに動作するようです。

Chrome ではbackground-color葉を削除するとドロップ シャドウになりますが、IE8 ではテキストがドロップ シャドウを継承し、見栄えが悪くなります。無地の背景がある場合は、ドロップ シャドウを適用する要素の背景と一致させることができます。残念ながらtransparent、IE8 でも同じ問題が発生します。

于 2011-05-26T20:52:53.583 に答える
0

シャドウフィルターを使用して要素に幅を指定すると、同様の問題が修正されました。

于 2011-06-23T11:22:23.107 に答える