我正在尝试创建一个像这样的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混合)

结果不是您所期望的(没有图像)

Here's my Codepen您可以在此处尝试修复它。

最佳答案

请注意,LessHat的.gradient是通过background-image属性实现的,因此您不能在那里使用no-repeat center bottom。您需要通过相应的属性(backround-postion等)设置这些值。

关于css - 如何使用带有变量的LessHat Mixin作为URL?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19252661/

10-11 13:51