Hi Elli,
I cannot find the conditional comment on your code, not on the ie developer
tools, nor on firebug, (I gess it has to do with a onload js script) so I'm
not sure I'm seeing the right css files, but you do not really need a
conditional code for the multiple backgrounds if you write the rule
incrementally.
I can see this code on style.css:
body {
background: url("images/fancy-tag-bkg-med.png") no-repeat center 50px,
url("images/bkg-pattern.png") rgb(146, 212, 210); height: 100%; color:
rgb(255, 255, 255); font-family: "Caviar Dreams", "Helvetica", "Arial",
"sans-serif";
}
If you write it as:
body {
background-image: url("images/fancy-tag-bkg-med.png"),
("images/bkg-pattern.png");
background-repeat: no-repeat, repeat;
background-position: 50% 50px;
background-color: #92d4d2;
...
}
older browsers, that do not support multiple backgrounds, will still render
the first background.
You can also play with rewriting rules to serve the correct background to
older browsers if the background you want to serve them is not the first in
the rule.
The only drawback of this tecnique is that it is possible some browsers
will download files that wont be used because of the rewriting..
Hope it helps,
isabel
On Wed, Nov 14, 2012 at 9:54 PM, Elli Vizcaino <[email protected]> wrote:
> Hello CSS Discuss,
>
> I'm using conditional statement to target an ie specific stylesheet to
> browsers IE7 & 8 since neither of them support CSS3 multiple backgrounds.
> While IE7 & 8 are both picking up the stylesheet's bacgkround color
> property it's not loading the background image. I'm not sure why. Maybe my
> directory path is wrong? Can someone please help out.
>
> TIA,
>
> Elli Vizcaino
> Helping entrepreneurs and businesses build
> a brand that helps them engage, delight and
> interact more profitably with their customers.
> http://www.e7flux.com
> ______________________________________________________________________
> css-discuss [[email protected]]
> 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/
>
______________________________________________________________________
css-discuss [[email protected]]
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/
