transluscency?

**haakoo** · 20 December 2006, 07:54 AM

If you want this transparancy applied always
Then use flash,makes even smaller file and is more vectorlike
besides you can set "wmode" transparent.

Gr.Hans

**potion** · 21 December 2006, 02:55 PM

Wizzard's approach seems to work in IE6:

http://www.webcommunicate.net/Transp...pngimages1.htm

**potion** · 21 December 2006, 03:46 PM

actually, Wizzard's approach isn't quite working when the image is a link.

if you hover over the 'Test' image with your mouse in IE6, vs. FF, you'll see what I mean.

This would be a deal-breaker for me, because I need the images to serve as buttons in a menu. Looks like some tweaks to the CSS are needed to get the image to work as a link in IE6, but I can't figure out how to make it work.

**Wizzard** · 21 December 2006, 04:04 PM

Hi Potion,
The link would be a problem I'll see if there is another way over the hols ;-)

PS. you are after rollover images?

**potion** · 21 December 2006, 07:35 PM

Yes, I'm after rollover images. Something like...

<a href="some_page.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/some_image.gif',1)">
<img name="Image3" src="images/some_image2.gif" border="0" width="193" height="25">
</a>

Thanks.

**Wizzard** · 22 December 2006, 09:46 AM

Originally Posted by potion

Yes, I'm after rollover images.Thanks.

I'll look into it over the holls.

Merry Christmas and a Happy New Year.

**potion** · 28 December 2006, 03:31 PM

thanks Wizzard. Some add'l research suggests that this is going to be too complicated.

There's some info here in the 'IE Link Bug' section. I followed the links (those that are still working) in that section and it just seems to get muddier and muddier the more I read.

I'm just going to try to position my images over top of the bg image so it looks like there is one continuous background.

**jwhitham** · 28 December 2006, 07:39 PM

Originally Posted by potion

http://webcommunicate.net/translucency_test.html

That's with Alien's code included.

But incorrectly. The source for that page has:

Code:

<img src="test-trans.png" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='whatever.png', enabled='true')" width="361" height="238" alt="" />

where it should be:

Code:

<img src="" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test-trans.png', enabled='true')" width="361" height="238" alt="" />

So maybe it does work in IE 6. I have 7 so can't test it.

**Soquili** · 28 December 2006, 08:08 PM

I tried it using IE 6.1 and it seems to work to some extent.

Disregard the text saying it is being test in IE 7.0, I didn't take the time to make a new image.

The top rectangle has 25% Transparency without the filter.

The bottom rectangle is the same png file, with the filter statement as JWhitham posted.

**jwhitham** · 28 December 2006, 08:27 PM

Great news! Lack of proper alpha blending for png in the most used browser has annoyed the hell out of me for years. I had no idea there was a work around.