layer-background-color

Support Key: N4
 Other Color/Background Properties
color
layer-background-image
background
background-color
background-image
 background-repeat
background-attachment
background-position
background-positionX
background-positionY
= Index DOT Css by Brian Wilson [indexdot@blooberry.com] =
  Main Index | Property Index | CSS Support History | Browser History  


   Quick Statistics   
Default Value:
transparent
Applicable Elements:
All
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
<body|table|thead|tbody|tfoot|th|td BGCOLOR="#RRGGBB">
What is it?
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.

Allowed Values
[color]
N4
Type: Explicit
Description:
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
N4
Type: Explicit
Description:
This specifies that the parent element background/image will shine through if one exists, else the system default background/image value is used.
Example
Ext/Doc:
div {
     position: absolute;
     top: 100px; left: 300px;
     width: 200px;      border: thin solid black;
     background-color: blue; layer-background-color: blue;
     }
In-Line:  <div STYLE="position: absolute;
     top: 100px; left: 300px;
     width: 200px;      border: thin solid black;
     background-color: blue; layer-background-color: blue;">text block</div>
Notes Browser Peculiarities

Boring Copyright Stuff....