为了账号安全,请及时绑定邮箱和手机立即绑定

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

有很多小图标,共用一张大图,再每个小标签定义不同的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 回答

@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 );

}

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信