Von Zeit zu Zeit fühlt man sich bei der Entwicklung von Layouts durchaus eingeschränkt. Einerseits durch die unterschiedlichen Interpretationsweisen der Browser, andererseits auf Grund der fehlenden Möglichkeiten in CSS 2. An dieser Stelle bietet sich der Blick in Richtung CSS 3 und die neuen Funktionen an.Ich möchte mit diesem Beitrag eine kleine Serie beginnen, die immer einen kleinen Einblick auf die verschiedenen neuen Features geben soll. Man muss natürlich ganz klar sagen, dass die hier betrachteten Änderungen bisher nur “Vorschläge” des W3C sind, von denen einige eventuell noch rausfallen, andere aber sicher den Weg in das finale CSS 3.0 finden, werden.
Hintergründe - das “background”-Modul
Beginnen möchte ich mit den neuen Möglichkeiten rund um das “background”-Modul. Mich persönlich hat es schon des Öfteren geärgert, dass man z.B. pro Element nur ein Hintergrundbild einbinden konnte, das und einiges mehr soll mit CSS 3 vorbei sein.
background-image: url(a), url(b);
Es wird also möglich sein beliebige Hintergründe (per Komma getrennt) einzubinden, was natürlich eine Vielzahl neuer Designmöglichkeiten eröffnen sollte. Die Vergabe von Hintergrundposition und -wiederholung erfolgt dann analog:
background-position: top, right, bottom, left, center;
background-repeat: no-repeat, no-repeat;
Die Einbindung verschiedener Hintergründe auf ein Element war für mich die “spektakulärste” Änderung, die das “background”-Modul aufzuweisen hat. Wer sich einen Überblick über die komplette Bandbreite machen möchte wird vielleicht einmal beim W3C direkt vorbeischauen wollen. Es bleibt zu sagen, dass CSS 3 sicher einen Quantensprung bedeuten wird, nur bis man es letztlich in der Praxis voll nutzen kann vergeht sicher noch mindestens ein halbes Jahrzehnt, wenn man bedenkt, wie lange es die Vorschriften des CSS 2 schon gibt und wieviele Probleme es da selbst mit aktuellen Browsern noch gibt.
[…] Wer ab und an einen Blick auf meine Seite wirft wird eventuell schon einmal etwas über die verschiedenen Neuerungen in CSS 3 gelesen haben. Heute habe ich nun gelesen, dass es auch derzeit schon möglich ist verschiedene Sachen auszuprobieren. Als ganz interessant erweist sich das einbinden mehrerer Hintergründe. Wer nun die Möglichkeit hat den Safari einzusetzen und in selbigem zu testen soll dazu angehalten sein dies zu tun, denn dieser beherrscht in der Version 1.3 und 2.0 schon eine Reihe von CSS 3 - Spezifikationen unter anderem eben das Einbinden mehrerer Hintergründe. Also testen, testen, testen und am Besten auch gleich berichten. […]