|
|
Posted by Michael Winter on 09/26/06 11:53
JWL wrote:
[snip]
> #wrap2 {
> width: 800px;
> background-color: #FFF;
> background: url(images/line.gif) repeat-y;
> }
>
> Suddenly, wrap2 becomes transparent ...
The shorthand property can also be used to specify the colour, but as
you haven't included it, the initial value of transparent is used
instead. That is:
background: url(images/line.gif) repeat-y;
is equivalent to:
background: transparent url(images/line.gif) repeat-y scroll 0% 0%;
As this declaration follows the explicit background-color property
declaration, it overrides the value set there.
This sort of thing applies to all shorthand properties. Either swap the
declaration order, or include the colour in the shorthand declaration.
[snip]
Mike
Navigation:
[Reply to this message]
|