CSS3 Examples

CSS LAYER-BACKGROUND-COLOR

Written by jon on 10:19 AM This value sets the background-color for the entire region of the current element. This proprietary property behaves in Netscape the way the ‘background-color’ property SHOULD behave, while the actual ‘background-color’ behavior is buggy in this regard. This property was invented to create the correct behavior.
The ‘background-color’ 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-color’ and the border area, where the background-color of the parent element shines through.
The ‘layer-background-color’ covers the whole region specified by the element, including the gap area occurring for the ‘background-color’ 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-color’ property with the same value seems like a good idea.

Example

div { position: absolute; top: 100px; left: 300px; width: 200px; border: thin solid black; background-color: blue; layer-background-color: blue; } <div STYLE=”position: absolute; top: 100px; left: 300px; width: 200px; border: thin solid black; background-color: blue; layer-background-color: blue;”>text block</div>

Possible Values

Value Description Value Value Description [color] This is a representation of the values for Red/Green/Blue used to determine a final display color. Please see the section on Color Units for details on the various color specification schemes. transparent This specifies that the parent element background/image will shine through if one exists, else the system default background/image value is used.