Headerimage mit responsivem SVG

[Matthias Scharwies]

Servus!

Hallo Matthias, die svg-Grafik sieht auf Firefox soweit ganz gut aus :-)

Im Internetexplorer jedoch wird sie falsch dargestellt :-P

Ja, hab ich vergessen. Da muss noch angepasst werden :

• Fix SVG in <img> tags not scaling in IE9, IE10, IE11

Allerdings sind die Favoriten-Icons gut zu sehen, sowohl im FF als auch im IE. Aber im Quellcode kann ich diese nirgends entdecken. Sind die im CSS hinterlegt bei dir?

Meinst Du den Kopfhörer und die Bibel?

Die SVG-Grafik besteht aus …

• einem weißen <rect> als Hintergrund

• zwei <text>-Elementen, die von Suchmaschinen und Screenreadern als Text erkannt werden und den beiden Grafiken.

• Diese sind in einem g-Element, bzw. als svg-Element am Ende der Grafik notiert.

Die SVG-Grafik kannst du wie ein HTML-Dokument in einem Editor öffnen und bearbeiten.

Viele Grüße Wolfgang

Herzliche Grüße

Matthias Scharwies