layer-background-image
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Erfahrene Anwendern von CSS-Positionierung wird das lästige Problem von Netscape 4 bekannt sein, eine Lücke zwischen dem Inhalt eines mit absolute positionierten Elements und seinem Rand zu erzeugen. Diese drei Pixel große Lücke entsteht zusätzlich zum Innenrand und bleibt transparent, selbst wenn für das Element eine Hintergrundfarbe oder ein Hintergrundbild eingesetzt wird.
Die proprietäre Netscape-Eigenschaft layer-background-image weist dem Inhalt inklusive der geschilderten 3-Pixel-Lücke ein Hintergrundbild zu.
Das beste Ergebnis erreicht man mit einer Kombination von background-image und layer-background-image. In diesem Fall füllt das für background-image deklarierte Bild den Inhaltsbereich und den Innenrand und das in layer-background-image deklarierte Bild die 3-Pixel-Lücke.
Vererbt: Nein
Siehe auch: background-image
Werte
Ein URL (url()) oder none.
Standardwert: none
Kompatibilität
CSS-Version: ist nicht Bestandteil des CSS-Standards
Funktioniert nur in Netscape 4.
Beispiel
Folgende Stilregeln verleihen dem mit absolute positionierten HTML-Element mit der ID gefuelltebox das Hintergrundbild checker.gif. Die zusätzliche Stilregel führt in Netscape 4 zum gleichen Ergebnis wie die erste Stilregel allein in standardkonformen Browsern:
/* Diese Stilregel steht im allgemeinen Stylesheet */
# gefuelltebox{
position: absolute;
padding: 10px;
border: 1px solid black;
background-image: url(/images/checker.gif);
}
/* Diese Stilregel steht im Stylesheet nur fuer Netscape 4 */
# gefuelltebox{
padding: 7px;
layer-background-image: url(/images/checker.gif);
}| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg