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