顺序
- 一定要在先引入background: url()
后才来定义background-position
[class^='icon'] {
display: inline-block;
background:url(images/img.png) no-repeat;
}
.icon-left-select{height:12px;width:7px;background-position:0 0;}
.icon-share{height:12px;width:11px;background-position:0 -15px;}
-
这样background-position才有作用
如果顺序反了的话background会覆盖前面设置的background-posizion导致失效 -
该方法常用在配合css sprites来使用(精灵图)
网友评论