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 回答