美文网首页
CSS background-position顺序

CSS background-position顺序

作者: _v_xw | 来源:发表于2017-02-17 22:19 被阅读0次

    顺序

    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来使用(精灵图)

    相关文章

      网友评论

          本文标题:CSS background-position顺序

          本文链接:https://www.haomeiwen.com/subject/hetrwttx.html