2011-12-28 2 views
1

css3プロパティにはブラウザプレフィックス(例:-moz-box-shadow,-moz-transition: all 0.3s ease-out;など)を使用する必要がありますか。CSS3:ブラウザプレフィックスを使用する必要がありますか?

+0

これらの接頭辞付きのプロパティのみをサポートするブラウザをサポートする場合は、yesを指定します。そうでなければ、いいえ。 –

+0

誰かが数ヶ月ごとにこの質問を繰り返さなければならないのですか? – BoltClock

+3

私はいくつかの奇妙な機能をサポートするためだけに無効なCSSを使用する点はありません。接頭辞付きのバージョンは、実際にテストするためのものです。これらの効果はコンテンツの表示にはまったく重要ではないため、*接頭辞付きのプロパティは使用しません。これらはボーナス効果ですので、ブラウザがサポートしているかどうかは関係ありません。もしそうなら、素晴らしい。もしそうでなければ、サイトはまだ完全に見ることができます。その文が真実でない場合、あなたは何か間違ったことをしました。 – animuson

答えて

2

ベンダープレフィックスを使用している場合は、このプロパティは、対象とするブラウザの古いバージョンでは機能しないため、必須のものでは使用しないでください。変更される可能性もあります。実稼働環境では実験的な機能を使用しないでください。

あなたの質問にお答えするには、ベンダープレフィックス付きのCSSプロパティをサポートしているブラウザをターゲットにしたい場合は、それを行う必要があります。ただし、ベンダー非接頭語バージョンも含めている場合は、すべてのブラウザーが最終的にその宣言をサポートします。

1

今のところはいです。一部のプロパティは、すべてのブラウザでサポートされているわけではありません。また、標準ですべてのプロパティが設定されているわけではありません。

Css3 info

1

はい(この時点で)。現代のブラウザはCSS3エフェクトの同じセットをまだサポートしていないので、プレフィックスはまだ必要です。

1

最新のブラウザのみをサポートしたい場合は、いいえ。しかし、多くの企業がまだ古いバージョンのFirefoxやIEを使用しています。拡張機能を削除すると、たとえブラウザがそれらの機能をサポートしていても、その機能は使用できません。

2

ここで誰かのブログにentryが見つかりました。私はそれが役に立つと思います。 Javascriptを使用して、すべてのブラウザで互換性を持たせることができます。すべてのブラウザでCSSプロパティを記述する必要はありません。

+0

しかし、これはどのように質問に答えますか? – BoltClock

+0

彼はブラウザのプレフィックスを使用するかどうかを尋ねています。彼は「はい」と言っている多くの答えを持っているので、私は彼に単一のプロパティを使用する方法を与えましたが、ブラウザーとの互換性を保ちます。ここに属していない場合は、自由に削除してください。 – sascha

1

重要なことの1つは、他のルールの後に '適切な' CSS3ルールを使用することです。このようにして、ブラウザは利用可能になったときにこのルールを使用します。例:

関連する問題