PDA

View Full Version : Image Transparency in IE 6 <



Scriptet
Oct 6th, 2009, 03:52 PM
Hi,

What method can we use to make transparent images work in IE6 < ??

I've seen some scripts, and heard before there's maybe a special type of transparency we can use when saving an image?

I've never bothered about IE6 before and have decided to take it into consideration....

abduraooft
Oct 6th, 2009, 04:30 PM
What method can we use to make transparent images work in IE6 < ?? Do you have a lot of such png images? If so, a javascript pngfix would be effective. Otherwise you may add the filter property in CSS, targeted for IE6 only.

Excavator
Oct 6th, 2009, 04:44 PM
Hello Scriptet,
a transparent .gif will work. Up to the point the image quality becomes unacceptable anyway.

Scriptet
Oct 6th, 2009, 07:48 PM
Thanks for the responses guys.

You're right about the transparent GIF working but as you said the quality is poor, and the edges on well any of the pics look rather jagged.

I have some png images, but i'm in control of them, so they can be gif's or jpegs or anything, i've got photoshop but there's so many different settings it's rather confusing..

At the moment i've just removed the transparency altogether and added the background to the images in a clever sort of way. So there's no transparency, means i lack flexibility if I want to change the design but hey we have to give and take..

But I still need to know this for future reference...

2 questions really:

1. Can GIF's be saved with transparency in a way that the quality isn't poor
2. If not then i'm guessing the JS pngfix or filter would be most effective?

I'm just looking for an optimum solution really e.g what you guys would use..

Thanks for the advice already abduraooft and Excavator

Excavator
Oct 7th, 2009, 09:01 AM
Pretty limited with .gif even if you're good at photoshop - this is about as good as I've ever gotten - http://nopeople.com/files/canon-eos-496BG.gif

I've had good luck with a png fix before but I've also added this to some of my pages:
<!--[if lt IE 7]>
<div id="ie6Warning">
<h2>Time to upgrade your browser</h2>
<p>
If you're reading this, you're surfing using Internet Explorer 6, an eight-year-old browser that
cannot cope with the demands of the modern internet. For the best web experience, we strongly recommend
upgrading to <a href="http://www.getfirefox.com/">Firefox</a>, <a href="http://www.opera.com/">Opera</a>,
<a href="http://www.apple.com/safari/">Safari</a>, <a href="http://www.google.com/chrome">Google Chrome</a>,
or a more recent version of <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet
Explorer</a>.
</p>
</div>
<![endif]-->

abduraooft
Oct 7th, 2009, 10:19 AM
1. Can GIF's be saved with transparency in a way that the quality isn't poor The problem with gif is it can't support alpha(partial) transparency. There are only two cases - either a pixel present or not present. But, png can give semi transparent effects, so that we can see through it.