嘿,这是我在背景中使用 2 张图片的代码,但是是否可以对使用 2 张图片的两张图片使用一个 url。
body {
background-image: url(images/bgtop.png), url(images/bg.png);
background-repeat: repeat-x, repeat;
}
嘿,这是我在背景中使用 2 张图片的代码,但是是否可以对使用 2 张图片的两张图片使用一个 url。
body {
background-image: url(images/bgtop.png), url(images/bg.png);
background-repeat: repeat-x, repeat;
}
当然,但它会在 Photoshop 中涉及比实际 css 更多的图像处理。
您必须将背景变成某种精灵,这意味着您必须将背景合并为一张图像。然后使用多个不同的背景位置来显示图像的不同部分。
精灵示例:http ://www.w3schools.com/css/css_image_sprites.asp#gsc.tab=0
多个背景的示例,使用不同的背景位置:http ://www.css3.info/preview/multiple-backgrounds/请注意,此示例有两个单独的图像,因此有两个单独的 URL。您需要将不同背景位置的使用与精灵的使用结合起来。