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