Joomla! Discussion Forums

While this is only semi-related to Joomla!/Mambo, I figured the great community here would be able to provide the quickest response to my problem.

I am trying to use a PNG w/ transparency as a background image to my submenu items.  The problem is IE's lack of support for the PNG alpha channel.  Basically, I am looking for a solution to create a block of color around my links that still shows the table background image - through all browsers (well, IE5.5+).

Here are some example images. 

It works fine if FF 1.0.6:



Doesn't work in IE 6


Any help/suggestions will be greatly appreciated.

Thanks,

Conor

To correct the IE6 support for PNG alpha channel, you can use this script, placed just after the in the index.php file of your template.

Without dissecting both sets of code, I'm pretty sure this is what the PNG_Fix mode code uses as well. 

Also, for users with High-security enabled or ones that don't allow activex scripts to run, this may not work.  I believe in testing this fix, I got the "This page is trying to run..." yellow bar across the top of my page.

I don't think there is a 100% perfect solution for this problem - at least until no users use less than IE7+

There might be a 100% solution.

Use Dean Edward's IE7 script:
http://dean.edwards.name/IE7/

That way, when IE7 comes out, the fixes will still be carried through. What the IE7 browser misses, the IE7 script will fix.

so where would I put the ie7 code and would it be possible for an example?

I would like to know this too... I haven't managed to get it working yet.

How to integrate IE7 script into Joomla, including an example:
http://forum.joomla.org/index.php/topic,1918.0.html

The only problem I've found in doing live site integration with this script is because it fixes everything wrong with IE in terms of integration, you might need to customise which IE script components you actually run, to help manage load times. The graphics JS file is the component which fiixes the PNG issue, to the best of my knowledge.

Interesting post, just what I was looking for.   

The criminal conspirator (Microsoft) has an article on this issue in the MSDN resources.
http://support.microsoft.com/default.as ... -us;294714
and some info at http://office.microsoft.com/en-us/assis ... mode=print



Jared
Too bad there isn't enough power or resources to ban IE completely and give Microsoft a firm wakeup call of its ignorance.

Use FireFox.

hi guys
i got the pngfix module, installed and published it
however, none of the 3 options worked, because my png images are all set in css code, as backgrounds, etc.

To be honest, the ie7 method worked, but not all images were corrected. I'm using IE6 (thanks God I moved into FireFox long time ago)

This Mambot fixed everything for me w/o touching any code....

http://extensions.joomla.org/component/ ... Itemid,35/

I suggest this link;
http://www.twinhelix.com/css/iepngfix/

It works great..I solved my png problem with this..The file has a guide..Also you can use it in css tag..img, div, etc..