Web Design Forums

hollywooood · 26-01-2008, 04:47

I have been racking the noggen on how to get my PNGs to show up correctly in IE. I tried to convert the image as a gif but it gets distorted and will show white edges. What am I gonna do?

Sergey.Hilobok · 26-01-2008, 08:53

save in the png and make a empty gif file (1x1 px)

html:
<img src="empty.gif" id="you_id" width="102" height="48" alt="">

css:
#you_id {
background: url(you_png_file.png);
// background: none;
// filter: progid

XImageTransform.Microsoft.AlphaImageLoader (src='you_png_file.png');
}

pgo · 26-01-2008, 09:40

ie png transparency - Google Search

Clever Mind · 26-01-2008, 18:24

The first link on the google search has the png fix.js that one that works for me.

hollywooood · 26-01-2008, 19:14

Thanks for the feedback...

hollywooood · 26-01-2008, 22:38

Just would like to make sure I am clear on how I do this. I view source the solution page, copy and paste the javascript from , is there anything else I will need to add in my img tag to let the script know it needs to do something?

pgo · 27-01-2008, 11:58

One thread is all you need.

anyone with a hack for.....

26-01-2008, 04:47	#1 (permalink)
hollywooood I know nothing! Join Date: Jan 2008 Location: Bali, Indonesia Posts: 99	PNG's and Explorer I have been racking the noggen on how to get my PNGs to show up correctly in IE. I tried to convert the image as a gif but it gets distorted and will show white edges. What am I gonna do?

26-01-2008, 08:53	#2 (permalink)
Sergey.Hilobok Registered User Join Date: Jan 2008 Posts: 14	save in the png and make a empty gif file (1x1 px) html: <img src="empty.gif" id="you_id" width="102" height="48" alt=""> css: #you_id { background: url(you_png_file.png); // background: none; // filter: progidXImageTransform.Microsoft.AlphaImageLoader (src='you_png_file.png'); }

26-01-2008, 22:38	#6 (permalink)
hollywooood I know nothing! Join Date: Jan 2008 Location: Bali, Indonesia Posts: 99	Quick question on this PNG Javascript.... Just would like to make sure I am clear on how I do this. I view source the solution page, copy and paste the javascript from <!--[if 1t IE 7]> to <![endif]-->, is there anything else I will need to add in my img tag to let the script know it needs to do something?

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

26-01-2008, 09:40	#3 (permalink)
pgo i'm done, son Join Date: Jan 2005 Posts: 12,262	ie png transparency - Google Search

26-01-2008, 18:24	#4 (permalink)
Clever Mind design with a purpose Join Date: Jan 2008 Location: San Diego, Ca Posts: 37	The first link on the google search has the png fix.js that one that works for me.

26-01-2008, 19:14	#5 (permalink)
hollywooood I know nothing! Join Date: Jan 2008 Location: Bali, Indonesia Posts: 99	Thanks for the feedback...

27-01-2008, 11:58	#7 (permalink)
pgo i'm done, son Join Date: Jan 2005 Posts: 12,262	One thread is all you need. anyone with a hack for.....

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)