IE et SVG ?

Par Benjamin Derepas, il y a 10 ans

Les bases HTML/CSS

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

5 réponses

Grafikart, il y a 10 ans

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

Amstramgram, il y a 10 ans

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

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

je vais tester ca , merci

Grafikart, il y a 10 ans

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