Wie macht man einen Link von aussen um eine SVG?

[Gunnar Bittersmann]

@@draupnir

Das Javascript stammt noch aus alter Zeit. Vermutlich geht es ohne.

document.createElement("picture") bräuchtest du, wenn du das picture-Element stylen wolltest. Alte IEs ignorieren nämlich ihnen unbekannte Elemente völlig, d.h. sie wenden auch kein für diese angegebenes CSS auf sie an. Deshalb der Trick mit dem Bekanntmachen per JavaScript.

Du willst aber wohl das picture-Element nicht stylen. Wenn du dem Bild bspw. eine Größe geben wolltest, tust du das fürs img. Das wirkt dann auch auf das SVG aus dem source-Element – im Codepen ergänzt.

Das Logo einer Website sollte schon in allen Browsern zu sehen sein. Für die modernen ist SVG halt viel schöner. Und die alten müssen dann mit png leben.

Der Anwendungsfall ist nachvollziehbar.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!