jQuery Cycle plug-in z-index float problem

Question

Quando provo a posizionare un elemento sopra al mio elemento jQuery Cycle, non funziona. L'elemento è sempre dietro l'elemento del ciclo jQuery. Io uso float: giusto; per posizionare l'elemento e impostare il suo z-index su 100000, senza alcun risultato.

Firebug vede l'elemento del ciclo e i suoi figli come aventi z-index bassi e mostra l'elemento fluttuante nel posto giusto.

L'elemento non viene mai visualizzato sopra le immagini in bicicletta.

<!-- 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

galleggiante non si innesca z-index, solo
Position: Relative e position: Absolute

in modo da provare questi .. si potrebbe desiderare di provare ad aggiungere position:relative,
non sarà effetto più nulla del tempo, ma ti darà accesso a z-index

Answer 2

So che è un vecchio thread .... ma ho pensato di metterlo t qui ..... Ho usato il presentationcycle nel mio sito e ho affrontato un problema simile, ho provato la soluzione suggerita qui ..... Ho cambiato lo Z-index in molti posti nei miei file css .... ma alla fine ho scoperto che il problema era nel css del ciclo stesso ..... cambiare lo z-index in esso ha aiutato a risolvere il mio problema.

Answer 3

Ho avuto lo stesso problema, ma la soluzione definitiva per me era impostare lo z-index sulle cose che volevo fluttuare sopra la mia animazione ad un numero veramente alto (100 nel mio caso). Sembra che Cycle assegni i propri z-index (erano nelle singole cifre, ma comunque maggiori di 1 o 2, che è il punto in cui inizialmente ho impostato gli z-index degli oggetti mobili).

Answer 4

Basta aggiungere stile z-index per contenitore ciclo

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

dettagli vedere Displaying a div at a z-index above a jQuery Cycle slide show