sass background mixins using url [duplicate]

问题

This question already has answers here:

Have a variable in images path in Sass? (4 answers)

Closed 4 years ago.

guys i would like to create a background mixin instead writing repeated url

 @mixin bgimage($name){
  $url:"../images/$name.png";
 background: url($url);}

and,it never accept the valuee to $name variable

i called it by

     @include bgimage(name.png);

and in css the output is came wrong like this

     background: url("../images/$name.png");

is there any way to write the url in mixin ? ot how to do it in short way

回答1:

try with variable interpolation of #{$name}

@mixin bgimage($name) {
  $url:"../images/#{$name}.png";
  background: url($url);
}

and pass the filename, without extension, as a mixin parameter:

@include bgimage(your-png-file-without-extension);

since it is already appended in the $url variable of your mixin

来源：https://stackoverflow.com/questions/17854975/sass-background-mixins-using-url