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

Par Lavoignat, il y a 9 ans

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, il y a 9 ans

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, il y a 9 ans

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); }