0

次のような mixin を作成しようとしています。

.bgMixer(@image) {
  .gradient(~"url('@{image}') no-repeat center bottom, linear-gradient(0deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%)");
}

(.gradient はLessHat mixin です)

結果はあなたが期待するものではありません（画像はありません）

これは、修正を試みることができる私の Codepenです。

4

1 に答える 1

1

LessHat.gradientはプロパティを介して実装されているため、そこでbackground-imageは使用できないことに注意してくださいno-repeat center bottom。backround-postionこれらの値は、対応するプロパティ (など)を介して設定する必要があります。

于 2013-10-08T21:01:25.320 に答える