Hi Isabel,
Thanks for your suggestion but it still didn't work. I guess there is no
difference in writing the rule incrementally since I need the bkg-pattern.png
image to tile and that one must be written last in the rule, when using
multiple background images so I cannot change the order, in order to target the
older browsers. Just don't understand why IE7/8 aren't picking up the image yet
they are picking up the blue background color that was stated in the IE
stylesheet.
Here is my conditional comment in case you were wondering:
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="<?php
bloginfo('template_directory'); ?>/css/ie.css" />
<![endif]-->
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
>________________________________
> From: Isabel Santos <[email protected]>
>To: Elli Vizcaino <[email protected]>
>Cc: CSS Discuss <[email protected]>
>Sent: Wednesday, November 14, 2012 9:04 PM
>Subject: Re: [css-d] Background Image Not Showing in IE7/IE8
>
>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
>
______________________________________________________________________
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/
