問題タブ [vendor-prefix]

最初の投稿...

一部でW3Cスキャンを実行するCSSと、上記のエラーが発生します。プラス他に2つ。

エラー: LINE 30 が原因としてフラグが立てられていますか?

1. attempt to find a semi-colon before the property name. add it

2. Property progid doesn't exist : MXtransform

3. Parse Error MXtransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

うまくいけば、私はこれを正しく投稿したことを願っています。そうでない場合は、最初の投稿です。

CSS

LINE 30 この行は間違っているとフラグを立てています

また、いくつかの警告があります

「プロパティ -moz-box-shadow は不明なベンダー拡張です」および -webkit-box-shadow

これらの両方が不明な拡張子としてフラグ付けされているのはなぜですか?

私はいくつかの検索を行いましたが、矛盾する情報と私の経験を得ました - これまでのところ不足しています.

Firefox 15 で使用transitionしてみましたが、他のバージョンの Firefox や、Chrome や Safari などの他のブラウザーでは動作していましたが、動作しませんでした。

Firefox のインスペクターを使用してプロパティを表示するtransitionと、取り消し線が引かれ、「無効なプロパティ値」というエラーが表示されます。MDNとcaniuseは、Firefox 4 以降でサポートされていると言っています!

一部のブラウザではプロパティがtransition動作animationし、他のブラウザでは無効になる場合があるのはなぜですか?

免責事項: これは、ベンダー プレフィックスを追加することで完全に解決できるすべての質問の正規の複製です。スタック オーバーフローの質問は、メタで議論されない限り、このように広範であってはなりません。その後、このような標準的な回答が作成されました。

最近、CSS で 'webkit'、'moz'、'ms'、'o' などのベンダー プレフィックスを指定することが、どの程度必要なのか疑問に思っていました。

私の理解が正しければ、opera は webkit に切り替えたので、'-o-' が削除されますよね? IE は IE10 で「-ms-」の必要性をなくしましたが、古いバージョンでもまだ必要ですか? そして、「-moz-」の話は今のところよくわかりません。

基本的に、すべての CSS3 はプレフィックスを指定せずにすべての (最新の) ブラウザーで問題なく動作するように見えるため、2014 年半ばの時点で何が必要で何が不要かを考えていました。

編集:基本的に、必要なプレフィックスとそれらが必要な条件の最新のリストを誰かが持っているのだろうかと思っています。

サーバー上の CSS ファイルを操作する必要があり、最近Autoprefixerライブラリを発見しました。

私の問題は - 私のcssファイルには、使用されたブラウザに応じたプレフィックスがあります。たとえば。私のcssコードは次のようなものです-

Autoprefixer はここでは機能せず、css を次のようにする必要があります。

引き起こす

元の CSS (プレフィックスなしのプロパティではなくプレフィックス付きのプロパティ) で同じ結果を得る方法はありますか? または、Autoprefixer 以外に同じことを達成するのに役立つ他のライブラリはありますか?