6

みんな繰り返しURLを書く代わりにバックグラウンドミックスインを作成したい

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

そして、それは $name 変数への値を決して受け入れません

私はそれを呼んだ

     @include bgimage(name.png);

そしてcssでは、出力はこのように間違っています

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

mixin に URL を書き込む方法はありますか? 短い方法でそれを行う方法

4

1 に答える 1

20

の変数補間を試してください#{$name}

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

ファイル名を拡張子なしで mixin パラメータとして渡します。

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

$urlミックスインの変数に既に追加されているため

于 2013-07-25T10:12:13.270 に答える