1

現在、1 つの div で複数の背景画像を取得しようとしています。どちらも-x を繰り返す必要があります。

最初の画像は、div の50% までの左上のポイントから開始する必要があります。

2 番目は、divの中央から右端まで開始する必要があります。

私は次のことを試しました：

.myDiv {
    background-image: url('image1.png'), url('image2.png');
    background-repeat: repeat-x, repeat-x;
    background-position: left top, center top;
    background-size: 50% 100%, 50% 100%;
}

私の問題は、image1 のみが表示されることです。

4

3 に答える 3

0

このように任意の要素に 2 つの背景画像を設定します

background: 
   url(number.png) 600px 10px no-repeat,  /* On top,    like z-index: 4; */
   url(thingy.png) 10px 10px no-repeat,   /*            like z-index: 3; */
   url(Paper-4.png);

于 2015-03-03T19:36:40.737 に答える
0

background: url('image1.png'), url('image2.png');代わりにそれを試してくださいbackground-image:

これがJsfiddleのデモです

両方の画像が表示されます。

それが役立つことを願っています

于 2015-03-03T19:22:29.283 に答える