1

だから私は自分のページスタイルのために少しCSSを手に入れました.

background-color:#ff0000;
background-image: -moz-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%);
background-image: -webkit-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%);
background-image: -o-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%);
background-image: -ms-linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%);
background-image: linear-gradient( left, #ff0000, #ffa500 13.0%,#ffff00 26.0%,#0000ff 39.0%,#008000 52.0%,#4b0082 65.0%,#ee82ee 78.0%)

私が苦労しているのは、この -moz や -webkit などが線形勾配フィールドの前にどのように付いているかということです。このままじゃいけないの？すべてのブラウザと通信するように設定できるものはありませんか? 私を感じますか？

4

2 に答える 2

2

CSS プリプロセッサを使用して、次のようなワークロードを削減できます。

http://compass-style.org/examples/compass/css3/gradient/

@include background-image(linear-gradient(red, blue));

W3C は、機能が推奨仕様に実装されるまで、ベンダー プレフィックスを推奨します。

http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords

それ以外に、ベンダー プレフィックスを回避する方法はありません。

興味深い読み物:有害と見なされる CSS ベンダー接頭辞

元々、ベンダー プレフィックスの目的は、ブラウザー メーカーが実験的な CSS 宣言のサポートを開始できるようにすることでした。

W3C ワーキング グループがグリッド宣言について議論しているとしましょう (ちなみに、これはそれほど悪い考えではありません)。さらに、ドラフト仕様を作成する人もいれば、詳細の一部に反対する人もいるとしましょう。ご存知のように、このプロセスには時間がかかる場合があります。

さらに、Microsoft が実験として、提案されたグリッドを実装することを決定したとしましょう。現時点では、Microsoft は仕様が変更されないことを確信できません。したがって、CSS にグリッドを追加する代わりに、-ms-grid を追加します。

ベンダー プレフィックスは、「これは進行中の提案に対する Microsoft の解釈です」と言っているようなものです。したがって、グリッドの最終的な定義が異なる場合、Microsoft は、-ms-grid に依存するページを壊すことなく、新しい CSS プロパティ グリッドを追加できます。

于 2013-03-07T05:41:05.843 に答える
1

ブラウザーのプレフィックスは、仕様の一部になるまで必要です。たとえば、以前はやらなければならなかったことがwebkit-border-radius、今では簡単にborder-radius機能します。サポートが増えるにつれて段階的に廃止されますが、ユーザーを満足させるために使用するのは良いことです。

于 2013-03-07T05:39:09.983 に答える