SVG nicht immer angezeigt in IE 11

Ich habe ein paar von svg-Bildern aus OpenClipart in meinem Website. Die svg Bilder werden korrekt angezeigt, in Chrome und Firefox. Aber, wenn ich sehe, die Website ist IE11 das Bild wie unten gezeigt. Ich habe versucht ein paar Tipps von SO und auf anderen Websites, aber Sie machte keinen Unterschied.

SVG nicht immer angezeigt in IE 11

Hier ist die Website gebaut, mit blogger. Und hier ist der entsprechende html-code.

<a href="http://www.thecloudavenue.com/search/label/gettingstarted">
   <img src="http://openclipart.org/people/shokunin/runer_start.svg" style="border: none" height="110" width="110" align="middle"/>
</a>

Wie man das umgehen kann? Wenn ich ersetzen svg mit einigen anderen Typ, dann sollte es funktionieren. Aber, ich bin neugierig, warum svg werden immer angezeigt.

InformationsquelleAutor Praveen Sripati | 2013-12-09
  1. 2

    IE-Unterstützung für SVG-vom standard abweicht, in mehreren Bereichen. Hier sind ein paar:

    • Eigenschaften eines marker-element Erben an der Stelle der Referenz, nicht die von den Vorfahren der marker element
    • Die pathLength Attribut wird nicht unterstützt
    • Parameter für viewBox Elemente in fragment Spezifikationen sind getrennt durch einzelne Leerzeichen neben Kommas
    • Die display Eigenschaft wirkt sich auf pattern Elemente und verweisen auf die pattern Elemente.
    • SMIL-animation wird nicht unterstützt. Darüber hinaus keine Hinweise auf animation Elemente, Eigenschaften, Attribute, Schnittstellen, oder Datentypen, die in anderen Kapiteln SVG 1.1 unterstützt werden.
    • Für Datentypen, die animiert werden können, wird die Standardeinstellung für die animVal Attribut ist animVal = baseVal.

    Referenzen

    InformationsquelleAutor Paul Sweatte
  2. 0

    Müssen Sie etwas wie das folgende erklärt die svg-Container mit den image-tags innerhalb. Dieses Beispiel hat zwei Bilder, so kann ich Umschalten eines aktiven/inaktiven Zustand mit Javascript. Auch Sie müssen schließen Sie die image-tags manuell, "<image />" self-closing-tags sind nicht erlaubt im IE.

    <svg id="globalNav_icon_usersSearch" height="20" width="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <image class="icon_search" x="0" y="0" height="20" width="20"  xlink:href="svg/icon_search.svg"></image>
        <image class="icon_search_grey" x="0" y="0" height="20" width="20"  xlink:href="svg/icon_seacrh_grey2.svg"></image>
      </svg>
    • Darüber hinaus könnten Sie einen Speicherort.href Javascript-Aufruf durchführen die Anker-Funktion.
    InformationsquelleAutor Mark Bellamy
Schreibe einen Kommentar