Forum : IE et SVG ?

Bonjour la communauté, j'ai un petit problème concernant un fichier SVG avec Internet Explorer (quelle coincidence)

Voilà le rendu de mon site sur Chrome (ou Safari,FF,Opera) et ensuite sous IE.

Pourtant j'ai vérifier par acquit de conscience la compatibilité de la technologie SVG pour Internet Explorer (je suis sous IE 11) et le support est total. Aussi, auriez vous un conseil à me donner ?

PS : voici le code svg au cas où il s'agit d'un problème de viewbox et çi dessous le CSS appliqué

.l-header__logo { width: 200px; height: 200px; margin: 0 auto; display: block; }

Grafikart

Réponse acceptée

Ton SVG a un pb, la viewbox ne correspond pas à la largeur / hauteur. Donc jdirais que pour le coup c'est IE qui t'affiche le bon rendu XD, les autres navigateurs ignore la largeur / hauteur pour ne tenir compte que de la viewBox

Grafikart

Tu charge ton SVG dans une balise img ou tu utilise en background ?

Amstramgram

Je ne pas trop comment tu as généré ton SVG mais il est un (beaucoup) trop long pour 3 calques. Je ne l'ai pas testé sous IE (je n'ai pas de Windows sous la main) mais avec ça, il devrait avoir du mieux (je pense);

http://codepen.io/anon/pen/KdpLjg

Benjamin Derepas

Auteur

je l'affiche via une balise image .
Mon svg a ete generé via illustrator. (d'ou code sale)

je vais tester ca , merci

Nmartin

Merci beaucoup pour ces renseignements... ! <a href="http://www.coquegsm.com/category-accessoires-iphone-6s-46.html" title="etui silicone iPhone 6s">etui silicone iPhone 6s</a> <a href="http://www.coquegsm.com/category-accessoires-iphone-6s-46.html" title="coque iPhone 6s">coque iPhone 6s</a>

IE et SVG ?

5 réponses