1

背景として使用されるいくつかの画像でスプライトを作成したいと思います。それらの一部は norepeat で使用され、一部は repeat-x で使用されます。

そのようなスタイルをセットアップする最良の方法は何ですか?

これまでのところ、これを試しましたが、正しく動作しません:

CSS

.sprites {
    background-color: transparent;
    background-image: url(img/sprites.png);
        background-repeat: no-repeat;
}
.bg {
    width: 1px;
    height: 25px;
    background-position: 0 0;
    background-repeat: repeat-x;
}

html

<div class="sprites bg">

</div>

これは可能ですか？

4

2 に答える 2

1

x 方向にのみ繰り返す場合は、画像を垂直に配置してください。つまり、2 つの異なる画像を並べて配置しないでください。

http://www.phpied.com/background-repeat-and-css-sprites/

于 2012-07-23T21:02:05.567 に答える
1

これを実現する最善の方法は、繰り返されない Bgs を繰り返される Bgs から分離することだと思います。繰り返されないすべての背景画像を 1 つのスプライト画像に入れます。繰り返しのものは、同じ幅の場合にのみ組み合わせることができ、縦に配置する必要があります。

于 2012-07-23T21:03:03.100 に答える