使用单个网址的多个背景

时间:2013-04-02 16:52:52

标签: css background

嘿,这是我在后台使用2张图片的代码,但是对于使用2个网址的图片,可以使用一个网址。

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

1 个答案:

答案 0 :(得分:0)

当然,但它会涉及到比实际css更多的图片操作。

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

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

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