- Hintergrundgrafiken mit CSS in ihrer Größe skalierbar umsetzen › Webstandard-Blog

Hintergrundgrafiken mit CSS in ihrer Größe skalierbar umsetzen

CSS - 16 Mai, 2008

Twittern
Kommentare (4)

Auf css-tricks.com zeigt der Autor Chris Coyier wie man mit JavaScript, in diesem Fall mit dem Framework jQuery, Hintergrundgrafiken in ihrer Größer veränderbar machen kann. Je nach Größenausmaß des jeweiligen Bereiches in dem sich eine solche Hintergrundgrafik befindet, verändert die Hintergrundgrafik ihre eigene Ausmaße. Voraussetzung hierfür ist allerdings eine nicht gerade kleine Grafik, die somit bis zu einem bestimmten Maße verändert werden kann. Das diese Problematik auch ein JavaScript-freie Lösung anbietet, zeigt der Lösungssansatz von Stu Nicholls.

Carlo 16 Mai 2008, 13:18

Sonderlich schön ist das allerdings nicht.
Beim Vergrößern des Browsers zieht der Hintergrund erst nach dem loslassen nach.

Trotzdem interessante Technik.
Webstandard-Team
16 Mai 2008, 13:27

@Carlo: Da sehe ich ähnlich. Nicht immer ist alles sonderlich schön, regt aber zum Nachdenken an und kann somit wiederum zu anderen interessanten Lösungsansätzen führen. Die Beispiele und damit auch die Hintergrundgrafiken stehen eher im Hintergrund, da es in erster Linie um den Lösungsansatz geht.
Jürgen Liechtenecker
16 Mai 2008, 14:21

hello.

wann hat sich denn das bloglayot ein bisserl geändert? hab ich erst jetzt mitbekommen..

skalierbare bilder machen für die barrierfreiheit sinn, aber lieber mit css http://www.smileycat.com/miaow/archives/000648.php
Webstandard-Team
16 Mai 2008, 14:43

@Jürgen: Regelmäßiger vorbei schauen oder genauer hinschauen ;o)) Ich hoffe es gefällt. Viele Grüße nach Wien