Question

我正在尝试在scss中创建一个mixin，这将帮助我处理svg作为背景，并为旧浏览器回退到png。

问题在于它不起作用。我只有一个这样的CSS文件

@mixin background-svg-support($png, $svg) {
  background: transparent url($png) center center no-repeat;
  background-image: -webkit-linear-gradient(transparent, transparent), url($svg);
  background-image: linear-gradient(transparent, transparent), url($svg);
}
.bg {
  height: 800px;
  width: 800px;
  @inlude background-svg-support('http://bit.ly/14U3Qui', 'http://bit.ly/99Xewi');
}

但无论如何，我都无法在.bg课程中获得背景属性。这有什么不对？ Here is the codepen link

Answer 1

好的，没关系，我写了@inlude而不是@include。它现在按预期工作。

我已经纠正了codepen以使其正常工作。

Mixins scss不起作用

1 个答案: