Sprint
Erfahrenes Mitglied
Hallo zusammen,
ich habe hier eine Reihe von Info Icons, die als SVG Grafiken vorliegen. Je nach Status wird der Hintergrund anders eingefärbt. Das funktioniert auch alles wunderbar. Jetzt kann es aber sein, daß der Hintergrund ein rot-schwarz Verlauf ist und ein schwarzes Icon verschwindet da fast total. Eine Umfärbung auf weiß wäre da natürlich genau das richtige.
Es ist ja möglich, eine SVG Grafik über CSS umzufärben. Nur geht mir hier völlig die Kenntnis über das richtige Vorgehen ab. Ich weiß aber auch nicht, ob diese Darstellungsart dazu überhaupt geeignet ist. Sollte es da eine bessere Variante geben, bin ich für jeden Tip offen. Es müßte nur die Option für alte Browser offen bleiben, stattdessen ein normales Bild anzuzeigen.
Das ganze muß sich auch nicht live ändern können. Die Seite ist in der Beziehung völlig statisch.
Wäre schön, wenn mir da jemand helfen könnte.
Viele Grüße, Sprint
ich habe hier eine Reihe von Info Icons, die als SVG Grafiken vorliegen. Je nach Status wird der Hintergrund anders eingefärbt. Das funktioniert auch alles wunderbar. Jetzt kann es aber sein, daß der Hintergrund ein rot-schwarz Verlauf ist und ein schwarzes Icon verschwindet da fast total. Eine Umfärbung auf weiß wäre da natürlich genau das richtige.
HTML:
<div class="iconbg bg_rotschwarz">
<svg width="20" height="20">
<image xlink:href="images/svg/banz.svg" src="images/svg/banz.png" width="20" height="20" class="tooltip"></image>
</svg>
</div>
Das ganze muß sich auch nicht live ändern können. Die Seite ist in der Beziehung völlig statisch.
Wäre schön, wenn mir da jemand helfen könnte.
Viele Grüße, Sprint