0

嘿,这是我在背景中使用 2 张图片的代码,但是是否可以对使用 2 张图片的两张图片使用一个 url。

body { background-image: url(images/bgtop.png), url(images/bg.png); background-repeat: repeat-x, repeat; }

4

1 回答 1

0

当然,但它会在 Photoshop 中涉及比实际 css 更多的图像处理。

您必须将背景变成某种精灵,这意味着您必须将背景合并为一张图像。然后使用多个不同的背景位置来显示图像的不同部分。

精灵示例:http ://www.w3schools.com/css/css_image_sprites.asp#gsc.tab=0

多个背景的示例,使用不同的背景位置:http ://www.css3.info/preview/multiple-backgrounds/请注意,此示例有两个单独的图像,因此有两个单独的 URL。您需要将不同背景位置的使用与精灵的使用结合起来。

于 2013-04-02T17:12:55.217 回答