CSS LAYER-BACKGROUND-IMAGE

This value sets the background-image for the entire region of the current element. This proprietary property behaves in Netscape the way the ‘background-image’ property SHOULD behave, while the actual ‘background-image’ behavior is buggy in this regard. This property was invented to create the correct behavior.

The ‘background-image’ property only covers the content area of an element’s rendering box, and if a border is also used, there is a slight gap (2-3 pixels) between the background-image and the border area, where the surface of the parent element shines through.

The ‘layer-background-image’ covers the whole region specified by the element, including the gap area occurring for the ‘background-image’ property, and the entire dimension of the element specified by the ‘width’ and ‘height’ properties. Since this property is only understood by Netscape, and it fixes other buggy behavior, specifying both this and the ‘background-image’ property with the same value seems like a good idea.

Examples
1
2
3
4
5
6
7
div {
     position: absolute;
     top: 150px; left: 200px;
     width: 250px; border: thin solid red;
     background-image: url(http://www.example.com/background.gif);
     layer-background-image: url(http://www.example.com/background.gif);
}
1
2
<div style='position: absolute; top: 100px; left: 300px; width: 200px;
border: thin solid black; layer-background-image: url(bg1.gif);'>text block< /div>

Possible Values

[url]: It can be either an absolute or relative URL. Please see the section on URL Units for details on how to indicate a URL within a Style Sheet
none: No image is used as the background for the element