非標準/ブラウザ固有のCSSベンダープレフィックスを使用する必要がありますか?
-
29-10-2019 - |
質問
私は実際には後方互換性について悩まされていないことを考えると(私はGraphicsなどに頼るのではなく、CSS3とHTML5ベースのデザインを探索しています)。
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
.
OVER を使って:
.
box-shadow: 3px 3px 5px 6px #ccc;
後者は、最新のブラウザでうまく機能するように見えます(明らかなものを除く!:Pを見てください。つまり、IE9ではおそらく働いていますが、私はMac上にいるのでテストできません。その瞬間)
私は物事を見ていますか?上記のブラウザ固有のコードを使用する必要がありますか?それとも、ブラウザは標準をサポートするために移動するのですか?
解決
どの機能とどのブラウザを完全にサポートしたいかにかかっています。今でもいくつかのブラウザが遅れています。
これは本当に優れたガイドです:>>> http://caniuse.com/
他のヒント
すべてのブラウザは一般的に標準サポートに向かって移動します。
- 私たちが使用するために利用可能なCSS3規則の多くはまだ見直しています - すなわち標準の一部ではありません。
- 古いバージョンのブラウザの使用に存続している人もいます。
これら2つの理由から、スタイルシートのベンダープレフィックス付きCSS規則を引き続き使用しています。
今すぐ必要なプレフィックスは、ChromeとSafariのサポートの-WebKitです。 Webkitが-webkit-animation、-webkit-fext-fielct-settings、display:-webkit-flex、-webkit-filterなどに必要です。
-ms、-oおよび-mozはブラウザをサポートしており、自分の企業でもサポートを停止しました。
所属していません StackOverflow