css - 使用单个 url 的多个背景

Question

嘿，这是我在后台使用 2 个图像的代码，但是是否可以对两个图像使用一个 url 而不是使用 2 个 url。

正文{
背景图片:url(images/bgtop.png), url(images/bg.png);
背景重复:重复-x，重复；
}

Answer 1

当然可以，但是与实际的 css 相比，它会在 photoshop 中涉及更多的图像处理。

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

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

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