SVG qui ne ceux pas s'afficher sur mobile (OS à jour)

Lavoignat
Les bases HTML/CSS

Bonsoir,

J'utilise un petit icône en SVG dans mon menu et je m'aperçois qu'il n'apparait pas sur mobile. J'ai inspecté et il devrait apparaitre. J'ai vu qu'il y avait un problème avec les anciennes versions de mobile (iphone, android,...) mais là nous testons sur des mobiles dernières génération ou avant dernières génération avec les OS à jour.

Y a-t-il quelque-chose à faire par rapport aux SVG sur mobile ?

Je vous remercie pour vos remarques

2 réponses

cytheria

Par hasard tu as mis ta width en % ? Des fois ça se drogue un peu à cause de ça. Tu peux nous filer le HTML et le CSS ? :) Merci ! :)

Lavoignat
Auteur

Merci pour ta remarque, du coup j'ai mis un png sur mobile.

voici ce que j'utilise pour le svg (en scss/sass)

background-image: url(../images/icons/credit-card-header.svg#creditCardHeaderBlue);
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 30px 30px;
      &:hover {
        background-image: url(../images/icons/credit-card-header.svg#creditCardHeaderWhite);
      }