3

CSS3 が複数の背景画像を導入したことは気に入っていますが、コンマで区切られた画像だけを使用する方法は、私の言いたいことがわかっている場合は、あまりカスケードではありません。

これを取るためのアプローチはありますか:

.a {
   background: url(a.png) no-repeat center center;
}

.b {
   background: url(b.png) repeat-x 0 bottom;
}

そして、次のような要素に適用します。

<div class="a b"></div>

計算されたスタイルは次のようになります。

background-image: url(a.png), url(b.png);
background-repeat: no-repeat, repeat-x;
background-position-x: center, 0;
background-position-y: center, bottom;

(上記のCSSがこれを行った場合、それは間違っていると思います。しかし、プロパティなどのような解決策があれば素晴らしいでしょうbackground-add。)

これに対する将来の解決策の希望を探しています...仕様、一部のブラウザーでのみ機能する解決策、jQueryの使用など... CSS3仕様には他にもいくつかの同様の問題があるため同じように。たとえば、text-shadow などのプロパティを分離することはできません。かなりイライラします。

ありがとう....

4

1 に答える 1