jShowOff icon indicating copy to clipboard operation
jShowOff copied to clipboard

Fade not functioning in IEs

Open usherj1 opened this issue 14 years ago • 3 comments

I have several child elements nested in each slide @

http://meca.firefly.us/index.beta.php

I have tried removing possible conflicts such as pngFix.js to no effect. Everything functions fine in FF and Safari (per usual).

The following post suggests that opacity must be explicitly set for jQuery.fadeIn() to function in certain circumstances. I tried this as well, but it is possible that I've missed something.

http://www.boagworld.com/forum/comments.php?DiscussionID=3555

I know your examples work fine in IE so whatever is happening may be elusive. Let me know if you have any ideas. Thanks.

usherj1 avatar Mar 24 '10 20:03 usherj1

I haven't had a chance to investigate your issue yet, but I'll try to within the next day or two.

ekallevig avatar Mar 25 '10 05:03 ekallevig

Thanks for your help. I think the process I originally used for the slides is inherently buggy in IE6. There are three absolutely positioned elements inside each slide, stacked one on-top of the other. The middle element is a 24 bit PNG with alpha transparency, although that does not appear to be the issue. Late last night I switched the implementation to use jquery.cycle which has had quite some time to address bugs - and also had errant behavior in IE6 (only). However, by reducing the number of elements inside the slide, I was able to succeed. Instead of stacking the image, I made it the background of the slide itself, with a single embedded div with the transparent element as a background and the textual content as a text node. This suggests that the problem is multiple, nested, positioned elements. I will leave the URL above intact if you want to investigate.

usherj1 avatar Mar 25 '10 14:03 usherj1

Thanks -- I'll take a closer look when I get a chance.

ekallevig avatar Mar 30 '10 18:03 ekallevig