[jQuery] cycle plugin breaks in IE with absolute positioning!
Hi all,
I'm using the latest jquery with the amazing cycle plug-in (http://
malsup.com/jquery/cycle/), which allows images and other "Non-Image
Content" (see INTERMEDIATE DEMOS #2) to slide/fade/etc. within a box.
It claims that the content can contain whatever you wish, which is
true for Firefox and every other useful web browser. IE however (all
versions as far as I can tell) gets cracked out if there are any
absolute positioned divs within the content. The first slide appears,
then it hangs.
This is slightly remedied by setting a "cleartype:1" parameter (see
JAVASCRIPT below) ... with this set, all slides appear, but the
transition (i'm simply using fade) between slides becomes a hard cut-
to the next slide.
Below i've included a hyper-simplified example.
Obviously, I could drop the absolute divs, but in my situation they
are necessary for layout.
Can anyone offer any suggestions?
Cheers,
Niko
~~
HTML
<div id="panels">
<div>
<div style="position:absolute;">asd</div>
</div>
<div>
<div style="position:absolute;">123</div>
</div>
<div>
<div style="position:absolute;">xyz</div>
</div>
</div>
JAVASCRIPT
$(function() {
$('#panels').cycle({
fx: 'fade',
timeout: 4000,
speed: 1000,
cleartype: 1
});
});