2015-01-11, 6:59, Crest Christopher wrote:
The background image should sit on-top of the background color,
Yes, if both are specified.
instead the background color is overriding my background image ?
background-color:#343630;/*#b7b7b7;*/
background:url("/wdp/wip/overlay_bg.png");
background-position:top;
background-blend-mode: overlay;
margin:0;
padding:0;
font:100%/1.3 arial, helvetica, sans-serif;
Can you please provide a complete example? This code can hardly produce
the effect described. The background shorthand sets background-color to
transparent, so there is either the background image alone or, if it
does not exist, no background, i.e. the enclosing element’s background
will shine thru.
If you replace background by background-image, the situation changes.
Then, if the image exists, it will be blended with the background color,
as specified by background-blend-mode: overlay (on supporting browsers).
Yucca
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
