[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来使用（精灵图）
顺序 一定要在先引入background: url()后才来定义background-position 这样bac...
当background-postion取值为百分比时，计算方式: 当背景图片尺寸（background-size）...
1、Css设置背景 background-image设置元素的背景图像。 background-position：...
1、减少HTTP请求 1-利用图片地图2-CSS Sprites（利用background-position）3-...
主要是利用CSS精灵图（background-position）和盒子的padding撑开宽度，类适应不同数字数的...
在做css这部分网页时发现一个问题， 这个时候background-position: center; 放在ba...
CSS图书馆 » HTML & CSS » 推荐大家使用的CSS书写规范、顺序 推荐大家使用的CSS书写规范、顺序...
将背景图片放到目标元素的相对坐标(x,y)处。目标元素右上，是xy的正方向。
作业：雪碧图也就是一整张图片利用css样式里的background-position去调整位置，设置hover或是...
CSS Sprite(雪碧图|精灵图)雪碧图是把多个背景图片合成一张，通过background-position定...
本文标题：CSS background-position顺序
本文链接：https://www.haomeiwen.com/subject/hetrwttx.html
网友评论