3

クライアントの互換性を前提として、CSSbox-shadowが よりも望ましい状況はありますかfilter: drop-shadow。

の記事からdrop-shadow、HW アクセラレーションのスーパーセットのようですbox-shadow。これは、基本的に常に?drop-shadowの代わりに使用する必要があることを意味します。box-shadow

4

2 に答える 2

6

box-shadowとの違いは 1 つだけfilter: drop-shadowです。ではインセット シャドウbox-shadowを使用できますが、 では使用できません。すべてはあなた次第でした。この例を確認してください。filter: drop-shadow

box-shadowinsted ofを使用する方が良いのはなぜfilter: drop-shadowですか?

  • より良いブラウザサポート
  • ほとんどの開発者はそれを使用しています
  • より少ないコード、より多くのオプション
  • インセットシャドウを使用できます
  • 複数の影を使用できます

また、使用する方が良い画像の例filter: drop-shadowが1つあります。最初のものは長方形の影を持っていますが、もう一つは画像の端に沿って影を持っています.

于 2012-08-16T15:17:47.643 に答える
2

問題はfilter、現時点ではブラウザーのサポートが限られbox-shadowていることです。

于 2012-08-16T16:04:06.543 に答える