Il meta elemento di IE11 interrompe SVG

Ho incorporato i dati di un file SVG direttamente nel mio html. Si mostra in Chrome e Firefox, ma in IE11 non viene mostrato affatto. Il collegamento pastebin a SVG è http://pastebin.com/eZpLXFfD

Ho provato ad aggiungere un TAG META ma inutilmente. All’inizio ho pensato che potesse trattarsi di un problema di visualizzazione della compatibilità di IE, ma non ho nemmeno funzionato.

Qualsiasi aiuto? Quali altre informazioni posso fornire per aiutare a rispondere a questa domanda

Sembra che tu non sia in una modalità documento moderna. Internet Explorer 11 mostra l’SVG bene quando sei in modalità Standard. Assicurati che se hai un metatag x-ua-compatible , lo hai impostato su Edge, piuttosto che su una modalità precedente.

  

È ansible determinare la modalità del documento aprendo gli Strumenti di sviluppo F12 e controllando il menu a discesa della modalità documento (visualizzato in alto a destra, attualmente “Bordo”) o la scheda di emulazione:

inserisci la descrizione dell'immagine qui

Se non si dispone di un meta tag (o intestazione) x-ua-compatible , assicurarsi di utilizzare un doctype che inserirà il documento nella modalità Standard, ad esempio .

inserisci la descrizione dell'immagine qui

Stavo avendo lo stesso problema con 3 di 4 svgs in linea che stavo usando, e sono scomparsi solo (in un caso, parzialmente) su IE11.

Ho avuto nella pagina.

Alla fine, il problema erano i percorsi di ritaglio extra sul file svg. Ho aperto i file su Illustrator, rimosso il tracciato di ritaglio (normalmente nella parte inferiore dei livelli) e ora stanno lavorando tutti.

L’avevo capito! La pagina è stata resa utilizzando la modalità IE8 … ha avuto

nell’intestazione … cambiato in

9 e ha funzionato!

Hai attributi di stile duplicati su ciascun elemento.

 style="opacity:0.8" 

Questo certamente non viene visualizzato su Firefox per me a causa di questo errore. Se viene visualizzato su Chrome, è meglio sollevare un bug di Chrome.