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 などのプロパティを分離することはできません。かなりイライラします。
ありがとう....