Click to See Complete Forum and Search --> : *png "background" not "transparent"


WebJoel
06-23-2007, 01:51 PM
I know about the alpha-transparency issues with *png and ltIE7, -have a fix for that. But how can a BACKGROUND-image use a *png and still use the "pngfix.js" solution? I have a BACKGROUND-image that must remain "background", and needs to have alpha-transparent edges.

KDLA
06-25-2007, 08:28 AM
Is it necessary that the background image remain a *.png? Could it not be converted to a transparent *gif?

Centauri
06-25-2007, 09:14 AM
I usually use * html element {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image name and path.png", sizingMethod="crop");
}

WebJoel
07-06-2007, 03:24 PM
KDLA, Centauri,

Thanks. -I ended up going with a fairly reasonable *gif. There might be some color-loss as the original had 3 or 4-thousand colors in *png, but it wasn't too bad as a 256-color *gif.
Besides being a 'background' image, it was associated with 'sprites' with :hover & :active issues.

Turns out the *gif is going to be okay, but I can still use the "* html element {
background-image: none;
filter: progid:DXImageTransform...." on another project that I am working with.

-I will be so glad when the 'transparent *jpg' gets into full swing...