Well, I learned something new today. PNGs support alpha transparency, which never really meant a lot to me until now. You’re old style GIF only supports binary transparency, meaning on/off which causes some major annoyance with clipping and the image not showing what you want.
Anyways… I hit a problem. We are building a new website for ourselves at work, and are moving toward something like Zen Garden where we can have multiple styles available for the user. Trouble is, using a style sheet, how do you use a javascript work around for the PNG transparency problem in IE5/6 etc ? You HAVE to put in the height/width in the <img> tag usually, but it ignores anything set as a background-image in an attached CSS file…
The solution !!
.stylename{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’myimage.png’,sizingMethod=’scale’);
}
all on one line ;)
