Css 使用单个url的多个后台

Css 使用单个url的多个后台,css,background,Css,Background,嘿,这是我在后台使用2个图像的代码,但是否可以对两个图像使用一个url而不是使用2个url 正文{ 背景图片:url(images/bgtop.png),url(images/bg.png); 背景重复:重复-x,重复; }当然可以,但photoshop中的图像处理比实际的css要多 你必须将背景变成某种精灵,这意味着你必须将背景合并成一幅图像。然后使用多个不同的背景位置来显示图像的不同部分 精灵示例: 使用不同背景位置的多个背景示例:请注意,此示例有两个单独的图像,因此有两个单独的URL。您需

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

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

}

当然可以,但photoshop中的图像处理比实际的css要多

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

精灵示例:


使用不同背景位置的多个背景示例:请注意,此示例有两个单独的图像,因此有两个单独的URL。您需要将不同背景位置的使用与精灵的使用结合起来。

尝试阅读有关CSS精灵的内容-