Forum Moderators: open

Message Too Old, No Replies

IE Alpha transparency

How do I get rid of it?

         

Stark

6:16 pm on Dec 13, 2006 (gmt 0)

10+ Year Member



I have a div that pops up when a user click on a button. It does a very nice graceful fade in, and then when you are done with it, it fades back out.

It works fine in all browsers, but due to some additional third party javascript that messes with the styles, an image in the popup div goes transparent.

Basically, the problem doesn't exist when I take out the fade in, or more specifically when I don't use the Alpha transparency filter.

What I want to be able to do, is use the filter to fade the div in and then remove the filter entirely - but I can't work out how.

The filter is updated during the fade using

object.style.filter = alpha(opacity=xx);

I've tried

object.style.filter = '';

and

delete object.style.filter (which threw an error saying "object doesn't support this action")

Can anyone tell me how to actually remove the filter entirely?

This is all in IE6 by the way

Fotiman

7:13 pm on Dec 13, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Maybe try setting it to null? As in:

object.style.filter = null;

[edited by: Fotiman at 7:14 pm (utc) on Dec. 13, 2006]

Stark

8:54 pm on Dec 13, 2006 (gmt 0)

10+ Year Member



Hi,

Thanks very much for that, it worked great.... although it turns out that setting it to anything seemed to do the job, I was just doing it a little early and the value was getting overwritten by the timeout from the fade function.

Thanks very much for taking the time to reply though.

Cheers