scss中,怎么定义background-position: 值1 值2;

来源:4-1 sass语法介绍(进阶篇)

qq_李小婷_0

2015-07-17 11:42

有很多小图标,共用一张大图,再每个小标签定义不同的position位置。现在我想把里面的参数一起写在mixin里,再后面调用,代码如下:

@mixin background($l,$r){

    background-image:url(../style_img/castle_icon6.png);

    background-repeat:no-repeat;

    background-position:$l $r; 

}

em{

    @include background( -100px -200px );

}

i{

      @include background( -50px -30px );

}

参数是这样写的,现在报错了,我只看到课上有讲过定义其中一个参数的用法,我想做的这个没有看到,希望老师能解答这个问题。


写回答 关注

1回答

  • 渔夫牧童
    2015-12-21 15:46:14

    @mixin background($l){

        background-image:url(../style_img/castle_icon6.png);

        background-repeat:no-repeat;

        background-position:$l;

    }

    em{

        @include background( -100px -200px );

    }

    i{

          @include background( -50px -30px );

    }

Sass和Compass必备技能之Sass篇

Sass与Compass初体验,初恋即深恋,助您写出更优秀的CSS

29320 学习 · 98 问题

查看课程

相似问题