IE interprets a transparent background as 'phisically' transparent,
you can click through.
To fix the IE6 background-image flickering bug, add
document.execCommand("BackgroundImageCache", false, true)
to your JS.
On Sep 18, 8:40 am, bnlps <[EMAIL PROTECTED]> wrote:
> hi, ..
>
> by using this snippet, everything works great in Firefox - you can
> move the mouse
> everywhere inside the red DIV border, and get out .. the fading effect
> always works correctly.
>
> but, in IE 6/7, .hover only seems to act when the mouse is AT the red
> border; well,
> if you set a background-color to #test, or, a background-image (like a
> transparent GIF),
> it also works ... but, when setting a transparent GIF, IE 6
> flickers ... like, swichtes
> between default cursor and hour glass during the fading process ...
> also, can't set
> background-color, because the (original) site itself has a background-
> image ... so, the
> DIV must remain transparent at all.
>
> any solutions?
>
> please, have a look at this..
>
> ...
>
> div#test{position:absolute;top:100px;left:100px;height:300px;width:
> 300px;border:1px solid #f00;}
>
> ...
>
> $(function(){
>
> $('#test').fadeTo(0,0.25);
>
> $('#test').hover(
> function(){$(this).fadeTo('slow',1);},
> function(){$(this).fadeTo('slow',0.25);}
> );
>
> });
>
> ...
>
> <div id="test">...</div>
>
> love,
> -bnlps
