jQuery: The Write Less, Do More JavaScript Library

.png transparency in IE 6 and jQuery

View: New views
2 Messages — Rating Filter:   Alert me  

.png transparency in IE 6 and jQuery

by FranktheTank :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I have been able to successfully apply transparency fixes to
transparent .png images using some jQuery plugins (as well as other
methods).  However, I have a problem in that my design requires that I
have rollover images on those .png files.  The problem is that every
method that I have encountered changes the src attribute in the code
so that it becomes blank.gif or pixel.gif - something like that.  This
is causing problems with other parts of my code where I need the src
attribute to be set to the original value.

Is there any method for achieving .png transparency in IE6 browsers
_without_ changing the image name in the source?

Thanks,
Frank

Re: .png transparency in IE 6 and jQuery

by Jonathan Vanherpe (T & T NV) :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

FranktheTank wrote:

> I have been able to successfully apply transparency fixes to
> transparent .png images using some jQuery plugins (as well as other
> methods).  However, I have a problem in that my design requires that I
> have rollover images on those .png files.  The problem is that every
> method that I have encountered changes the src attribute in the code
> so that it becomes blank.gif or pixel.gif - something like that.  This
> is causing problems with other parts of my code where I need the src
> attribute to be set to the original value.
>
> Is there any method for achieving .png transparency in IE6 browsers
> _without_ changing the image name in the source?
>
> Thanks,
> Frank

The css rollover method should work fine with most transparency hacks.
Or just feed IE6 8-bit png's instead. If you're still using IE6 nowadays
you deserve to only get 1-bit transparency.

Jonathan

--
Jonathan Vanherpe - Tallieu & Tallieu NV - jonathan@...