I'd skip the hacks if I were you. In your main stylesheet, have:
#logoContainer {
background: transparent url(../img/template/logo.png) no-repeat
scroll 0 0;
width: 832px;
height: 396px;
margin: 0 auto;
}
Add this to to <head> of your page after your main stylesheet import:
<!--[if IE 5.0]><style type="text/css">@import
"/stylesheets/ie5.css";</style><![endif]-->
<!--[if gte IE 5.5]><style type="text/css">@import
"/stylesheets/ie55.css";</style><![endif]-->
In ie5.css put the code that just applies to IE5:
#logoContainer {
background: transparent url(../img/template/logo.gif) no-repeat
scroll 0 0;
}
And in ie55.css put the code that applies to versions of IE from 5.5
upwards:
#logoContainer {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/templa
te/logo.png');
}
You need to remove the regular background for IE5.5+ or it'll try to display
both of them. sizingMethod='image' is default, so it can be left out. If
you're running multiple versions of IE, IE5 will not pick up the conditional
unless you do a registry hack. However, anyone *actually using IE5* as their
main browser will see things correctly.
<snip>
I am working with a transparent png... I want to the AlphaImageLoader filter
to fix IE/PC... and because IE 5.0 on PC does not understand transparent
.png or the filter, I want to feed that browser a gif version of same
graphic... Make sense?
</snip>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
