CSS Sprite
需要知道大图的网地,小图标在图上的位置偏移(写进css里的background-position要加负号),和大小。
<style>.icon {
background:url(background.png)
background-repeat:no-repeat
background-position:-25px -374px
height:16px
width:24px
}
</style>
<div class=".icon"></div>
background是一个简写的声明,它包括background-color、background-image、background-position等多个声明,有些声明的属性必须成对出现才生效,例如你这里的background:#b2f511 0 50%之所以失效,是因为后面的0 50%属性只有当background-image存在时才有意义。