🥇 SVG com PNG substituto para IE8

Todos os navegadores que oferecem suporte a imagens de fundo SVG também oferecem suporte a várias imagens de fundo.

CSS

.module {
    background: url('logo.png');
    background: none, url('logo.svg');
}

SASS

$public_path: ./;

@mixin vector-bg-with-fallback($name) {
    background-image: url('#{$public_path}images/#{$name}.png');
    background-image: none, url('#{$public_path}images/#{$name}.svg');
}

Sourec: Ben Schwarz.

Related Posts