Joomla!
http://forum.joomla.org/

Transparent PNG Issue
http://forum.joomla.org/viewtopic.php?f=32&t=5916
Page 1 of 1

Author:  conor [ Wed Sep 14, 2005 6:46 pm ]
Post subject:  Transparent PNG Issue

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:

Image

Doesn't work in IE 6
Image

Any help/suggestions will be greatly appreciated.

Thanks,

Conor

Author:  kezako13 [ Wed Sep 14, 2005 6:54 pm ]
Post subject:  Re: Transparent PNG Issue

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.




Then call it with:

Quote:
Tux

or



Tux


Make sure to upload a file called blank.gif and change the path in the script above "var blankSrc = "/blank.gif";" to point to it. 

It worked beautifuly on my site:  http://www.podsafeaudio.com/  The buttons use transparent PNGs.

Anyways, just another method.

-Justin O'Neill
http://www.podsafeaudio.com

Author:  conor [ Fri Sep 30, 2005 8:49 pm ]
Post subject:  Re: Transparent PNG Issue

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+

Author:  absalom [ Thu Dec 29, 2005 1:17 am ]
Post subject:  Re: Transparent PNG Issue

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. 8)

Author:  jloyzaga [ Thu Jan 12, 2006 9:13 pm ]
Post subject:  Re: Transparent PNG Issue

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

Author:  sc00zy [ Thu Jan 12, 2006 9:32 pm ]
Post subject:  Re: Transparent PNG Issue

jloyzaga wrote:
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.

Author:  absalom [ Thu Jan 12, 2006 10:38 pm ]
Post subject:  Re: Transparent PNG Issue

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.

Author:  php4ever [ Thu Mar 23, 2006 3:50 pm ]
Post subject:  Re: Transparent PNG Issue

Interesting post, just what I was looking for.    ;D

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.

Author:  quiquedcode [ Sat Jun 03, 2006 11:14 pm ]
Post subject:  Re: Transparent PNG Issue

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)

:D

Author:  Fyb3roptik [ Tue Sep 05, 2006 5:45 pm ]
Post subject:  Re: Transparent PNG Issue

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

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

Author:  ZEUS__ [ Tue Oct 09, 2007 9:07 pm ]
Post subject:  Re: Transparent PNG Issue

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..

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/