scss 混合svg背景与png后备

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 混合svg背景与png后备相关的知识,希望对你有一定的参考价值。

@mixin svg-with-fallback($name, $x: left, $y: center)
{
    background: transparent url('#{$dir_images}#{$name}.png') $x $y no-repeat;
    background: url('#{$dir_images}#{$name}.svg') $x $y no-repeat,linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0));
}

以上是关于scss 混合svg背景与png后备的主要内容,如果未能解决你的问题,请参考以下文章

html 具有PNG后备的SVG图像

html 具有PNG后备的SVG图像

SVG 用于浏览器中带有 PNG 后备的图像

html 使用IE8的PNG后备处理内联SVG

scss 指南针mixin背景椭圆+后备

Safari中的SVG Fragment Sprite + CSS背景图像