jQuery Forum

hello TJ,

it´s a bit hard to understand whats going on there with just knowing one line of your code.
would it be possible for you to at least provide the relevant CSS/HTML for #I04 and #L04?

however, I got some idea you might wanna try:
since fadeIn is working with opacity, which is actually a filter in IE7 ( filter:alpha(opacity=1); ), I think this could be part of the issue.

My suggestion is to try the following:

$("#L04").click(function(e){
  $("#I04").fadeIn(500).css('filter', 'none');
});

This removes any applied filter after the fadeIn, which is basically not a bad thing, since this property seems to break the antialiasing for Text in IE7 anyway.
It won´t affect other browsers, because they simply dont know the IE-own "filter" thingy.

I dont know if thats the solution to your problem - if not, please reply with some more CSS/HTML details of your code. Many things often go wrong in IE because of CSS rather than the script itself.

so long.

Never mind - stupid problem. #L04 is a child of another element, that parent element has a fadeOut() attached to it that fades out the same #I04 element that the #L04 handler fades in. The idea here is that you click a hotspot and that shows the #I04 element but clicking somewhere else on #L04's parent hides it.

Thanks for the suggestion, but as usual my own oversight was the real issue (although I would think that FF, Chrome and others probably should behave the same was as IE... can't believe I just said that).

Thanks,
-TJ