3.7 Mehrere Hintergrundbilder für einen CSS-Selektor definieren

Problem

Sie wollen einem CSS-Selektor mehr als ein Hintergrundbild zuweisen.

Lösung

Während dieses Buch geschrieben wurde, hat Safari für Macintosh die CSS 3-Spezifikation für die Zuweisung mehrerer Hintergrundbilder an einen CSS-Selektor implementiert.

In CSS 3 soll es möglich sein, der Kurzschrift-Eigenschaft background mehrere Werte für Hintergrundbilder, durch Kommata getrennt, zu übergeben (siehe Abbildung 3-11):

h2 {
 padding-top: 72px; /* Genügend große Innenabstände für die Bilder */
 text-align: center;
 background: url(plane.gif) center no-repeat,
  url(mail.gif) top center no-repeat,
  url(printer.gif) 40% 24px no-repeat,
  url(gift.gif) 60% 24px no-repeat;
}

Diskussion

Wie bei den ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial