HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
transparent image in table does not work on IE
Post new topic   Reply to topic    HTML Help Forum Index -> General HTML
View previous topic :: View next topic  
Author Message
krtk



Joined: 17 Nov 2008
Posts: 5

PostPosted: Mon Nov 17, 2008 11:17 pm     transparent image in table does not work on IE Reply with quote

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: 1284

PostPosted: Mon Nov 17, 2008 11:30 pm     Reply with quote

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

PostPosted: Tue Nov 18, 2008 8:49 am     Reply with quote

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: 1284

PostPosted: Tue Nov 18, 2008 9:05 am     Reply with quote

All browsers support transparent gif's
krtk



Joined: 17 Nov 2008
Posts: 5

PostPosted: Tue Nov 18, 2008 11:56 am     Reply with quote

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)
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> General HTML All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial