Tech 30. Oct. 2008

Zwei Hintergrundgrafiken mit CSS 2

Grundsätzlich kann man aktuell nicht zwei Hintergrundgrafiken gleichzeitig verwenden - CSS 2 gibt das an sich nicht her (in CSS 3 ist das glaube ich schon anders). Aber was wäre die Webentwicklung ohne kleine Work-Arounds.

Man kann eine Grafik wie gewohnt auf den Body-Tag setzen und eine zweite per CSS einfach auf den HTML-Tag. Man muss hier ggf. die Höhe und Breite des HTML-Tags ebenfalls angeben, aber das war es auch schon. So kann z.B. ein gekacheltes Muster als Basis verwendet werden und z.B. ein Bild- oder Fotomotiv an einer bestimmten Stelle per background-position gesetzt werden.

Und man staune: Das funktioniert einwandfrei sogar noch im Internet Explorer 6.

Grundsätzlich kann man aktuell nicht zwei Hintergrundgrafiken gleichzeitig verwenden - CSS 2 gibt das an sich nicht her (in CSS 3 ist das glaube ich schon anders). Aber was wäre die Webentwicklung ohne kleine Work-Arounds.

Man kann eine Grafik wie gewohnt auf den Body-Tag setzen und eine zweite per CSS einfach auf den HTML-Tag. Man muss hier ggf. die Höhe und Breite des HTML-Tags ebenfalls angeben, aber das war es auch schon. So kann z.B. ein gekacheltes Muster als Basis verwendet werden und z.B. ein Bild- oder Fotomotiv an einer bestimmten Stelle per background-position gesetzt werden.

Und man staune: Das funktioniert einwandfrei sogar noch im Internet Explorer 6.