Hi all,

I'm in the process of creating a blog with png's. Well, I had no idea of the problems that IE has caused developers for ages. Here is my test blog:

http://mikestv.blogspot.com/ ps. the background is big, may take a few extra seconds to load.

In Firefox, my paper-like post bodys look good against the background. In good 'ol IE, I get a white square around them. I've read of some work arounds, but I'm not familiar enough with html to just start fixing this. Could someone as an example take one of my images and apply some sort of code to it so I could see if alpha transparency is possible in IE, and if so, how can I acheive it?

Thanks in advance

mike

One way is to create an empty DIV in the HTML instead of an IMG where you want the image to be eg.

<div id="seethru"></div>

Then in your CSS file, set the size of the DIV to the required image size, set the background to your PNG image (for proper browsers), then set the AlphaImageLoader filter for IE6 to use (other browsers should ignore that bit).

 
#seethru {
width:150px;
height:30px;
background: url(images/your-image.png);
_background: 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/your-image.png');}

Hope that helps!