CSS background-position顺序

2017-02-17  本文已影响0人  _v_xw

顺序

  1. 一定要在先引入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;}
  1. 这样background-position才有作用
    如果顺序反了的话background会覆盖前面设置的background-posizion导致失效

  2. 该方法常用在配合css sprites来使用(精灵图)

上一篇 下一篇

猜你喜欢

热点阅读