nicht angemeldet
Ich suche momentan nach einer Lösung, wie ich ein (mehr oder weniger) beliebiges Element mit einer speziellen Hintergrundgrafik versehen kann.
Ich möchte z.B. einen Link mit einer Hintergrundgrafik austatten, die an einer zentralen Stelle definiert ist.
-----schnipp-----
<a href="pfad/zur/datei.html" class="klasse">Testlink</a>
-----schnapp-----
Dieser Textlink soll nun ein Hintergrundbild haben. Das Problem ist nun leider, dass das Hintergrundbild nicht skaliert, wenn ich es über CSS definiere.
-----schnipp-----
.klasse {
background-image: url(pfad/zum/bild.jpg);
}
-----schnapp-----
Erstens sieht es unschön aus, wenn der Besucher die Schrift in seinem Browser vergrößert und außerdem müsste ich so für jedes (verschiedengroße) Element jeweils eine eigene (entsprechend große) Grafik definieren. Das würde wieder mehr Aufwand und Traffic bedeuten, ganz davon abgesehen, dass es absolut nicht semantisch ist.
Hat jemand von euch eine Idee wie man meinen Wunsch realisieren könnte? Am besten natürlich ohne Javascript oder sonstigen Skriptsprachen.
Gruß.