問題タブ [vendor-prefix]

私は以下のコードで遊んでいますが、私が完全に理解していないことが2つあります。1つ目は、Chromeがベンダーレスの半径仕様を受け入れているようだということです。では、なぜそこに「-webkit」を入れる必要があるのでしょうか。

また、Firefoxではまったく同じコマンドが効果を発揮しないことにも気づきました。ボーダーコーナーはシャープなままです。ベンダー拡張について何かが足りませんか？

HTML

CSS

このアニメーションをIE9で動作させるのに問題があります。 https://c9.io/aaronkahlhamer/notification-bar/workspace/index.html

これ-ms-animation: slideDown 2.5s 1.0s 1 ease forwards;はIE9では機能しません。

CSSでそれが不可能な場合は、フォールバックが便利です。多分jQuery？

代わりに CSS アニメーションと変換を使用してローダー gif を作成しようとしています。残念ながら、次のコードは、私の Mac OSX での Firefox (および場合によっては Chrome、Safari) の CPU 使用率を <10% から >90% に変換します。

infinite linearローテーションまたは-moz-ベンダー プレフィックスがないと、「ローダー gif」のような動作が失われることに注意してください。つまり、アイコンは継続的に回転しません。

おそらくこれは単なるバグでしょうか、それとも私が何か間違ったことをしているでしょうか?

たとえば、次のページがあります: http://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html

ページを保存し、ローカルホストで html ファイルを実行します。css は -webkit プレフィックスを使用するため、chrome で正常に動作します。ここで、Firefox と Opera でも動作するかどうかをテストしたいと思います。したがって、-moz と -o プレフィックスを、-webkit を持つ同じ CSS コードに追加する必要があります。

コードに -moz & -o プレフィックスを追加する以外の方法はありますか? 1 つの方法は、ファイルを読み取ってタグを追加するスクリプトを作成することです。他のもの？

注: -webkit で使用される css3 変換が現在 -moz または -o でサポートされているかどうかは気にしていません。私が欲しいのは、 -moz & -o ベンダープレフィックスを追加して -webkit 行を複製する方法だけです。

ブラウザー間の互換性を実現するために、ベンダー固有の拡張機能と標準の CSS3 構文の両方を使用する傾向があります。CSS3 がまだドラフト段階であることは承知していますが、すでに使用を開始しています。しかし、問題は、それらが発生する順序が非常に重要かということです。

たとえば、ここを見てみましょう

これはブラウザ固有border-radiusに適用され、その後標準の方法にフォールバックします。後者は無視されることが期待されますが、それでもなお.

同様に順番を入れ替えて

現在、これは最初に標準の構文を試してから、ブラウザベースの拡張機能にフォールバックします。

注文による違いはありますか？パフォーマンスの面でもそうかもしれません。

Windows Internet Explorer 8。 -ms-accelerator 属性は CSS の拡張であり、IE8 標準モードでアクセラレータの同義語として使用できます。

このテキストは MSDN リファレンスからのものです。

-msこの場合、ベンダーを使用する必要があるかどうかはわかりません。

Can be used as a synonym-ベンダープレフィックスを省略できるということですか、それともie8に使用する必要がありますか?

この質問は、特定のものacceleratorだけではありません。

CSS ファイルをクリーンアップしようとしていますが、標準化されている (または少なくとも半標準化されている) ベンダー固有のプロパティを削除しても安全かどうか疑問に思っています。

たとえば、私はまだ使用する必要があります

それとも、単に一緒に行く方が良いですか

?

ベンダー プレフィックスは、一部の API (webkitURL など) では小規模なケースで使用され、一部の API (WebKitBlobBuilder) ではキャメル ケースで使用されていることがわかります。違いはなんですか？

私は単純なHTMLページを作成しており、ページが変更されるたびにページとcssのリロードにlive.jsを使用しています。しかし、ページに-prefix-freeを含めると、スタイルが自動的に再ロードされなくなります。

これを修正する方法はありますか？

例：

HTML：

CSS：

私がやっていることは色を変えることです。prefixfreeが含まれるまで機能します。

Webサイトを改造し、-prefix-freeスクリプトを使用して、CSSのプレフィックスを削除します。ただし、一部のCSSは編集しません。このCSSにはいくつかのプレフィックスが含まれています。これらのプレフィックスをCSSに残した場合でも、-prefix-freeは正しく機能しますか、それともCSSファイルを調べてすべてのプレフィックスを削除する必要がある理由がありますか？

言い換えると、CSSのプレフィックスは、-prefix-freeスクリプトと組み合わせて壊れたり、奇妙な機能を引き起こしたりしますか？