Dreamweaver - transparent image backgrounds are gray

Hello,

I uploaded my website, and when I view it in IE7, it looks fine. On another computer (running IE6), my images from Fireworks with "transparent" backgrounds now have "grey" backgrounds instead. It makes it look awful. Any way to correct this?


Web development: Dreamweaver 8
Image files: mostly .png
Programming script: Coldfusion MX7

 

I think I found an answer to my own question:

http://www.webbedenvironments.com/blog/index.php/2007/09/06/28/

I guess I'd place my .png in a layer such as:

<div id=”layer1”></div>

Then, include in my CSS:

#layer1 {
width: 100px; height: 100px;
background: transparent url('myimage.png’) 0 0 no-repeat;
_background: none;
_filter:
progidXImageTransform.Microsoft.AlphaImageLoader
(src=’transparent-PNG-example.png’, sizingMethod=’crop’)
};


Yes, seems like a huge pain, but if this corrects the problem, it's well worth it!

If anyone has easier solutions, please let me know!

 

There is an IE6 pngfix out there ... I believe it is a js file, and very common

 

Yeah, you're right. Here's a link that explains it very well:

http://homepage.ntlworld.com/bobosola/index.htm

my previous post is not recommended. It did not work as planned for me.

 

the IE pngfix is not always going to work, my solution is just to use the IE conditional statments

<!--[if IE]
#F {display:none;}
[endif]-->

something like that i think, and yeah, i just dont show IE users my png graphics, or you can just say F-it! have you ever seen how the apple start page looks on IE?

 

You could always use a gif image.

 

Why would you hide the element? And you are aware that IE7 has support for transparent PNGs? So you'd be hiding the elements in IE7 even though they would work properly.