I had to use a .png file with alpha transparency on a site which works fine in both IE7 and Firefox 2. However, IE6 does not like it at all. There is a fix out there called pngfix.js which works great if you have an img tag but this was a background image set in the CSS. Here’s what I did:
#wrap {
margin:0px auto;
background-image:url('/IMG/wrap_bg.png');
background-repeat:repeat-y;
}
* html #wrap {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/IMG/wrap_bg.png', sizingMethod='scale');
}This worked like a charm!
Related Articles
3 users responded in this post
Thanks
IT didn’t work….
here’s my code:
#topSection {
width: 980px;
float: left;
padding: 5px 0;
background: url(../images/shadedMid.png) 35px top;
background-repeat:repeat-y;
}
* html #topSection {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/shadedMid.png’, sizingMethod=’scale’);
}
This may have something to do with the fact that you are trying to repeat your image down the page. in the IE6 code, you are removing it completely and replacing it with a single instance of the image, not a repeating image.
Leave A Reply