0

CSS3またはjQuery/jsを介して2番目のbackground-imageを要素に割り当てることができるかどうか疑問に思っています。

明確にするために、私はこの方法でそれを行うことができることを知っています:

 .someElement { background-image: url(sheep.png), url(betweengrassandsky.png); }

問題は、次のようなことをする必要があるということです。

 .someElement             { background-image: url(sheep.png); }
 .someElement.secondClass { background-image: url(betweengrassandsky.png); }

問題は、これが最初の背景画像を結合するのではなく、単に上書きすることです。これに対する解決策はありますか?

ありがとう

4

2 に答える 2

1

CSSの最初の行に表示されているように、最初の背景画像を繰り返す必要があります。

必要に応じ.someElementて、2番目のクラスがあるかどうかを確認し、jQueryを使用して適用できます。

$('.someElement').each(function() {
    if ($(this).hasClass('secondClass')) {
        var background = $(this).css('background-image');
        $(this).css('background-image', background + ', url(betweengrassandsky.png)');
    }
});
于 2012-07-12T18:02:47.880 に答える
0

どうですか:

 .someElement             { background-image: url(sheep.png); }
 .someElement.secondClass { background-image: url(sheep.png), url(betweengrassandsky.png); }
于 2012-07-12T18:04:45.267 に答える