古いブラウザーの png へのフォールバックを使用して、svg を背景として処理するのに役立つ mixin を scss で作成しようとしています。
問題は、それが機能しないことです。このようなcssファイルは1つしかありません
@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
クラスに backgrounds プロパティを含めることができません。ここで何が問題なのですか? コードペンのリンクはこちら