ブラウザ固有のCSS式の代替方法

Question

jqueryのCSSプロパティのブラウザ固有のフォールバックを指定する方法を教えてください。

など。私は

h1 { 
    background-image: -webkit-linear-gradient(left, white, black); 
    background-image: -moz-linear-gradient(left, white, black); 
    background-image: -o-linear-gradient(left, white, black); 
    background-image: -ms-linear-gradient(left, white, black); 
} 

• $('h1').css({'background-image': x, 'background-image': y})と同等のものをやってみたい - 当然のJS構文は、唯一の「背景画像」キーを許可します。
• $('h1').css('background-image', x).css('background-image', y) - jqueryは最初の値を上書きします。
• $('h1').css('background-image', x + ',' + y) - ブラウザでそのように思われません。

Answer 1

あなたはそれが要素にあなたのCSSを適用して、値– $('h1').css('background-image');を読み戻すことにより、あなたは、あなたがbackground-image後で設定するときに使用する接頭辞を知るために返された値を使用することができます望んでいる接頭辞ブラウザを依頼することができます。

さらに、jQueryのCSSフックを利用して、正規化することができますすべては.cssを呼び出します。フックの大きなセットがありますhere;おそらくgradients hookに興味があります。

フックがインストールされると、it's as easy as:

Answer 2

jQueryを使用してクラスを切り替え、CSSで複数の値を宣言しますか？