これは私の問題です。 JQueryを使用してリアルタイムで自分のサイトの背景画像のグラデーションを更新したいのですが、同じプロパティの複数のフォールバックを更新する方法が見つかりません。私は、クロスブラウザのサポートのために、もちろん、複数のフォールバックが必要です。その後、私のjQueryのJQueryを使用して複数のフォールバックCSSプロパティを更新することはできますか?
#bg_gradient
{
background-color: #dcbebe;
background-image: url(images/fallback-gradient.png);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#779eb0), to(#dcbebe));
background-image: -webkit-linear-gradient(top, #779eb0, #dcbebe);
background-image: -moz-linear-gradient(top, #779eb0, #dcbebe);
background-image: -ms-linear-gradient(top, #779eb0, #dcbebe);
background-image: -o-linear-gradient(top, #779eb0, #dcbebe);
}
そして:ここに私のクラスは次のようになります。もちろん、
$('#bg_gradient').css('background-image','url(../gradient.png)');
$('#bg_gradient').css('background-image','-webkit-linear-gradient(top, #fff, #000)');
$('#bg_gradient').css('background-image','-moz-linear-gradient(top, #fff, #000)');
...
、この方法を使用して、予想通り、同じ背景-imageプロパティは、単に上書きされます。
複数のフォールバックプロパティを動的に更新するにはどうすればよいですか?出来ますか?
更新:アルゴリズムを使用してグラジェントトランジションを生成しており、動的に更新する何百もの値があることを忘れていました。
私はグラデーション間のトランジションを動的に生成していますので、何百もの値を持っています... attr()を直接設定すると、私のために働いています... – JimDaniel