jQuery Cycle Plugin Z-Index Float Problem

Question

Wenn ich versuche, ein Element auf meinem jQuery Cycle-Element zu platzieren, funktioniert es nicht. Das Element befindet sich immer hinter dem jQuery-Zykluselement. Ich benutze float: richtig; um das Element zu positionieren und seinen Z-Index auf 100000 zu setzen, ohne Erfolg.

Firebug erkennt, dass das Cycle-Element und seine untergeordneten Elemente niedrige Z-Indizes aufweisen und zeigt das schwebende Element an der richtigen Stelle an.

Das Element wird nie über den Cycling-Bildern angezeigt.

<!-- the cycling set --> 
<div id='headerimages'> 
    <img src='images/header1.jpg' alt='' style='' /> 
    <img src='images/header2.jpg' alt='' style='' /> 
    <img src='images/header3.jpg' alt='' style='' /> 
</div> 
<!-- the floating element --> 
<img src='images/logotransparent.png' alt='' id='logo' /> 

Answer 1

floating z-index nicht auslösen, nur
Position: Relative und position: Absolute

so versuchen, diese .. Sie könnten versuchen wollen das Hinzufügen position:relative,
es wird nichts bewirken die meisten der Zeit, aber geben Ihnen Zugriff auf Z-Index

Answer 2

Ich weiß, es ist ein alter Thread .... aber dachte, ich setze t hier ..... Ich habe den Presentationcycle in meiner Site benutzt und bin auf ein ähnliches Problem gestoßen, habe die hier vorgeschlagene Lösung ausprobiert ..... Ich habe den Z-Index an vielen Stellen in meinen eigenen CSS-Dateien geändert .... aber endlich festgestellt, dass das Problem in der CSS des Zyklus selbst war ..... Ändern des Z-Index in es half mein Problem zu lösen.

Answer 3

Ich hatte das gleiche Problem, aber die endgültige Lösung für mich war, den Z-Index auf die Dinge, die ich über meine Animation schweben wollte, auf eine wirklich hohe Zahl zu setzen (100 in meinem Fall). Es scheint, dass Cycle seine eigenen Z-Indizes zuweist (sie waren in den einzelnen Ziffern, aber immer noch größer als 1 oder 2, wo ich anfänglich die Z-Indizes meiner schwebenden Objekte gesetzt habe).

Answer 4

Gerade z-index Stil Zyklus Behälter

.cycle-slideshow { 
z-index: 0; // or any smaller value to the covered div's 
} 

Details siehe Displaying a div at a z-index above a jQuery Cycle slide show