View Full Version : Banner not transparent in IE
crockett
Mar-14-2007, 03:56 AM
Hello,
I created a banner and placed it on my site via a tuturiol found on dgrin. Works great on Firefox. Today I check it on IE and it is not transparent but has a colored block background.
How do I correct this?
Thanks in advnace,
David
Andy
Mar-14-2007, 05:25 AM
Hello,
I created a banner and placed it on my site via a tuturiol found on dgrin. Works great on Firefox. Today I check it on IE and it is not transparent but has a colored block background.
How do I correct this?
Thanks in advnace,
David
IE6 is not smart enough to handle the png transparency. So you have to help it. Add the red, do NOT add the green asterisk, it's only there so the code will display properly on Dgrin and not as a smiliey.
#my_banner {
width: 750px;
height: 100px;
margin: 0 auto;
background: url(http://alwaysone.smugmug.com/photos/135874890-O.png) no-repeat;
_background: none;
_filter:progid:*DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingmethod=image, src='http://alwaysone.smugmug.com/photos/135874890-O.png');}
crockett
Mar-14-2007, 06:30 AM
IE6 is not smart enough to handle the png transparency. So you have to help it. Add the red, do NOT add the green asterisk, it's only there so the code will display properly on Dgrin and not as a smiliey.
#my_banner {
width: 750px;
height: 100px;
margin: 0 auto;
background: url(http://alwaysone.smugmug.com/photos/135874890-O.png) no-repeat;
_background: none;
_filter:progid:*DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingmethod=image, src='http://alwaysone.smugmug.com/photos/135874890-O.png');}
This makes the banner disapper? Did I miss something?
Thanks.
Andy
Mar-14-2007, 06:47 AM
This makes the banner disapper? Did I miss something?
Thanks.
It makes it APPEAR.
lose the space between the colon and the D here:
_filter:progid: DXImageTransform
vBulletin v3.5.2, Copyright ©2000-2009, Jelsoft Enterprises Ltd.