7

重複の可能性:
ブラウザがCSSプロパティのベンダープレフィックスを作成するのはなぜですか?

たとえば、回転させたい画像がある場合、Google Chromeを使用しても何も起こらないのに、使用transform: rotate(50deg);すると正常に動作するのはなぜ-webkit-transform: rotate(50deg);ですか。

プログラマー/デザイナーがブラウザーごとに1回ではなく、同じコードを1回だけ書き込むようにするための標準を用意することの全体的なポイントではないでしょうか?これは、近い将来に変更される予定ですか、それとも常にこのようになりますか?私はCSS3を使い始めたばかりで、これは私には本当に奇妙に思えます。

4

2 に答える 2

6

CSS3はまだ完全な標準として正式に採用されていません—それはまだドラフト提案です。

ベンダー固有のタグを使用すると、ベンダーは、CSS3ドラフト標準またはCSS3の提案されたアイデアを、実験的な実装を使用して実装し始めることができます。また、これらの独自のタグを使用した現在のレンダリングを、将来、実際のCSS3タグのレンダリングと区別できるようにします。それが異なっていても、最終的な仕様。

于 2011-12-11T01:27:32.530 に答える
2

標準ステートメントは実装されておらず、プレフィックスはベンダーが独自の機能をテストおよび実装するためのものです。コードが安定すると、ブラウザは標準ステートメントの使用を開始する必要があります。

したがって、次のように、接頭辞のないステートメントを常に最後に残すことが重要です。

-o-transition: all 1s linear;
-ms-transition: all 1s linear;
-moz-transition: all 1s linear;
-webkit-transition: all 1s linear;
transition: all 1s linear;

カスケードスタイルシートはカスケードの名前が付けられているためです。標準ステートメントは、利用可能になると残りをオーバーライドします。

于 2011-12-11T01:27:06.757 に答える