HTML Help

krtk · Joined: 17 Nov 2008 Posts: 5

Hi there,

I have a table with various background images in the cells. In one cell I am displaying a png image (GIMP) with transparent color background (so that the object in the image nicely shows on the cell's background image.

Works well in Chrome, FF, but not on IE (IE6).

on IE, it displays the image with a light blue background which I have no clue where it comes from. Any help?

thx,

krtk

sticks464 · Joined: 31 Dec 2006 Posts: 1283

Since IE6 and below do not recognize the png format you have to use the microsoft filter element in the css
Code: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='myimage.png');}
replace src='myimage.png' with the path to your image

krtk · Joined: 17 Nov 2008 Posts: 5

most helpful help, thank you!

is there another format than PNG which supports transparent color and which these browser will support?

thx a lot

sticks464 · Joined: 31 Dec 2006 Posts: 1283

All browsers support transparent gif's

krtk · Joined: 17 Nov 2008 Posts: 5

I tried converting my png in gif but came across the following limitation:

I have an image (GIMP) on which I created a transparent shadow. That gradient of transparent shadow seem not to be supported by the gif format. I suppose this is just the limitation of gif and I'll have to leave with it? (that said, your fix using the filter will do in any case)