0

これらのスレッドについて読みましたが、答えを見つける方法がわかりません。

問題は（体の場合）です：

background: url('image1.png') top left repeat-x, 
        url('image2.png') bottom left repeat-x, 
        #eeeeee;

これは機能します。

これらの画像をスプライトに設定するにはどうすればよいですか? 画像フォームのスプライトを次のように取得できるためです。

  background-position: -211px -0px; width: 8px; height: 110px;

しかし、スプライトから image1.png または image2.png を取得する必要があり、x で画像を繰り返す必要もあります。何かのようなもの：

background: url('image1.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
        url('image2.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
        #eeeeee;

このように私が知っていることは不可能です。

手伝って頂けますか？

前もって感謝します

4

1 に答える 1

0

これは正しくありません:

background: url('image1.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
    url('image2.png') "-211px -0px; width: 8px; height: 110px" repeat-x, 
    #eeeeee;

代わりに、次のように記述します。

background: url('image1.png') repeat-x -211px -0px / 8px 110px, 
    url('image2.png') repeat-x -211px -0px / 8px 110px;
background-color:  #eeeeee;

ただし、2 つの個別の画像が必要になります。スプライトでは実行できません。

于 2013-02-06T08:23:53.367 に答える