ちょっとこれはバックグラウンドで2つの画像を使用するための私のコードですが、2つのURLを使用する代わりに両方の画像に1つのURLを使用することは可能ですか.
body {
background-image: url(images/bgtop.png), url(images/bg.png);
background-repeat: repeat-x, repeat;
}
ちょっとこれはバックグラウンドで2つの画像を使用するための私のコードですが、2つのURLを使用する代わりに両方の画像に1つのURLを使用することは可能ですか.
body {
background-image: url(images/bgtop.png), url(images/bg.png);
background-repeat: repeat-x, repeat;
}
もちろんですが、実際の CSS よりも Photoshop での画像操作が多くなります。
背景をある種のスプライトに変換する必要があります。つまり、背景を 1 つの画像にマージする必要があります。次に、複数の異なる背景位置を使用して、画像のさまざまな部分を表示します。
スプライトの例: http://www.w3schools.com/css/css_image_sprites.asp#gsc.tab=0
異なる背景位置を使用した複数の背景の例: http://www.css3.info/preview/multiple-backgrounds/この例には 2 つの別々の画像があるため、2 つの別々の URL があることに注意してください。異なる背景位置の使用とスプライトの使用を組み合わせる必要があります。