2011-10-13 8 views
13

box-shadowまたはtext-shadowと言うか、グラデーションを宣言するときには、すべての接頭辞が必要ですか?CSS box-shadowプロパティには、5つのベンダープレフィックスを使用する必要がありますか?

-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3; 
-o-box-shadow: inset 0 0 1px 1px #e3e3e3; 
box-shadow: inset 0 0 1px 1px #e3e3e3; 

私は主なものを理解する:

-webkit- 
-moz- 
box-shadow 

しかし、ブラウザの成長には、私はこの瞬間に5つの接頭辞を使用する必要があるかどうかに更新されたビューを取得しようと思いましたか?

思考、コメント?

+1

これらのベンダープレフィックスをサポートすることは、もはや関連性がないと言います。 – Pacerier

+0

http://www.w3schools.com/cssref/css3_browsersupport.asp - 使用するすべてのCSSルールとプレフィックスを含む.....または個々のルールを探す必要がある場合は、いつでもcaniuse.comを使用できます –

答えて

14

caniuse.comはa good tableがあり、プレフィックスを必要とするブラウザと、box-shadowをサポートしていないブラウザを示しています。

enter image description here

あなたが構築しているものは何でもサイトの接頭辞を使用する必要があるかどうかに依存します(接頭辞が必要なバージョンは、下のスクリーンショットのようにバージョン番号の下プレフィックスは、。ことがあります)どのブラウザがサイトの既存の/意図されたオーディエンスによって実際に使用されているかを示します。

+1

*グレート*リンク、ありがとう –

+0

ベンダープレフィックスが必要かどうかはどこに表示されていないのですか? – the0ther

+0

@ thether:答えに追加されたスクリーンショット。 –

1

Prefix freeが役立ちます。

ブラウザごとに必要なプレフィックスが追加されます。

1

ブラウザの継続的な改善により、特定のCSS3追加のベンダープレフィックスを削除することが可能かどうかを判断することが難しくなりました。 CSS3は「モジュラ化」されており、構文とブラウザのサポートの両方でゆっくりと変化するため、W3Cとブラウザの両方でこれらのすべての癖が消されるまで、ベンダーの接頭辞を付けるのが最善でしょう。上記のとおり、特定のブラウザーやヘルプサイトでは、従来のブラウザーのサポートについての情報をいつでも見つけることができます。

関連する問題