多くの個別の画像ではなく、1 つのスプライト画像を使用するようにサイトを変更しています。
私のスプライト（1000 x 2000 px）の最初のものは、100 x 2000 px の背景画像です。
最初の 100px だけに x を繰り返すと、css はどのように見えるでしょうか?
ありがとう
2 に答える
1
実際、最良の解決策は3つのスプライトを作成することです。
main-sprite.png（すべてのアイコンと画像で1000x2000）
x-sprite.png（1px幅）すべてのrepeat-x背景に使用
y-sprite.png（1pxの高さ）はすべての繰り返しyの背景に使用します
于 2013-03-14T03:20:36.597 に答える
0
3 つのソリューション:
1-スプライト画像の構成を変更します。1000x2000を使用する代わりに、必要なスプライト画像を100x使用し、他のアイコンと画像を下部に積み重ねます
<html>
<head>
<style>
body {background:url('yourspriteimage.png'); background-repeat:repeat-x; width:100px;height:2000px;background-position:0px 0px;}
</style>
</head>
<body>
your content here
</body>
</html>
2- 背景画像をスプライトしないでください。
3- 3 つのスプライト イメージを作成します (1 つは x リピートのみ、もう 1 つは y リピートのみ、リピートなしの場合)。
于 2013-03-14T03:59:47.827 に答える