2011-09-22 2 views
9

私は最近、ボックスシャドウやテキストシャドウなどのために、-moz-webkit CSSスタイルをしばらく使用しています。最近、私は各FireFox、Chrome、Safari、IE()標準box-shadowtext-shadowと同様の結果と同様のCSSスタイル。-mozと-webkit cssは必要なくなりましたか?

これはどこに文書化されているのだろうかと思っていました。なぜなら、ブラウザ固有のものをすべてサイトから正常に削除したため、これら4つのブラウザすべてでも同じように見えるからです。

答えて

5

あなたが対象とするブラウザのバージョンによって異なると思われます。

あなたのアプリやサイトがすべてのブラウザの最新バージョンでしか動作しないような場合は、あなたがテストした特定のプロパティで-mozと-webkitを省略することができます。

その他のプロパティは、すべてのブラウザでサポートされていません。私の個人的なお気に入りwebkit-transition。もちろん、現実の現実では、あなたが個人的なプロジェクトを作っていない限り、最新のブラウザーだけをターゲットにすることはできません。

+0

私たちは顔が青くなるまで議論することができると思いますが、IE9だけが「ugprade」だけではありません。できるだけ一般の人々がブラウザを最新の状態に保つようにしなければならないので、FireFoxやChromeでもこのようなことを調べるために、「modernizr」のようなツールを使用することは悪い考えではないと思いますユーザーが古いバージョンを使用している – Ciel

+0

しかし、はい、私はあなたが意味することを理解しています。 – Ciel

1

標準を持たない古いブラウザでも、-mozと-webkitのCSSスタイルを使用すると便利です。

0

行うための最善のことは、そこに

例をそれらすべてを維持することです:

-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 

ユーザーのブラウザのバージョンによっては、彼らはまだ古いブラウザはまだ意志、国境半径が表示されます-mozと-webkitのバージョンを使用すると、safari/firefoxまたはchromeの最新バージョンはborder-radiusプロパティの最終実装を使用します。

+0

それは問題ではありませんでした。コードの75%が重複する可能性があります。それほど効率的ではありません。 – Richard

+0

これらのフラグの使用を停止したブラウザのバージョンでは、すべてのブラウザで重複しています。クロム/サファリを更新していない人は、削除しても問題は発生します。それは、質問をしている人のためのちょうどヒントだった、彼は自分のサイトのユーザーが最新のブラウザを使用するかどうかを自分で決定することができます。実際、それは答えです。もはや必要がないかどうかを尋ねるとき、私は彼に、まだ古いバージョンを持っていて、フラグが必要かもしれないという回答を与えました。だから彼らは実際にはまだいくつかの人々に使用されています!私のコードの75%は、大きなexagerationではなく、すべての私のコードはwebkit/moz特定のCSSです。 – Sander

8

最新のブラウザでは、デフォルトでこれらのcss3プロパティがサポートされています。しかし、これらの-mozおよび-webkitスペシャルは、古いブラウザとの下位互換性のために使用されるべきです。古いブラウザはこれらを実装して、標準になる前にこれらのプロパティを使用できるようにしました。

1

Firefox、Chrome、Safariの最新バージョンについては、こちらをご覧ください。

ただし、以前のバージョンのブラウザ(Firefox 3.6など)を使用している場合は、-moz-webkitのプレフィックスを残しておく必要があります。
ターゲットに設定する場合は、削除しないでください。
これらのプロパティはプログレッシブエンハンスであるため、削除すると害はありません。

2

これ以上書きたくない場合でも、後方互換性が必要な場合は、less.cssさんをお友達にすることができます。

もう1つのこと:w3schools.comには、すべてのCSSコマンド用の最新データベースと、それをサポートするブラウザがあります。たくさん助けてくれました。

関連する問題