精灵图主要针对小的背景图片使用
主要借助于背景位置来实现
一般情况下精灵图都是负值
使用方法:
在ps中利用切片工具确定图片位置和大小,设置一个和需要的小背景图片大小相同的图片,然后设置背景图片,背景位置信息。这里需要注意图片位置通常为负值。
.box{
width:60px;
height:60px;
background:url(images/img.png);
background-position:-18px 0; //这里-18px的意思是图片向左移动18px
}
精灵图主要针对小的背景图片使用
主要借助于背景位置来实现
一般情况下精灵图都是负值
使用方法:
在ps中利用切片工具确定图片位置和大小,设置一个和需要的小背景图片大小相同的图片,然后设置背景图片,背景位置信息。这里需要注意图片位置通常为负值。
.box{
width:60px;
height:60px;
background:url(images/img.png);
background-position:-18px 0; //这里-18px的意思是图片向左移动18px
}