jQuery Cycle plugin z-index problema de flotante

Question

Cuando intento colocar un elemento encima de mi elemento jQuery Cycle, no funciona. El elemento siempre está detrás del elemento de ciclo jQuery. Yo uso float: derecho; para posicionar el elemento, y establecer su índice z en 100000, en vano.

Firebug considera que el elemento del ciclo y sus elementos secundarios tienen índices z bajos, y muestra que el elemento flotante está en el lugar correcto.

El elemento nunca aparece encima de las imágenes de ciclismo.

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

flotante no desencadena z-index, solamente
Position: Relative y position: Absolute

a fin de tratar estos .. es posible que desee probar a añadir position:relative,
no va a afectar nada más de las veces, pero le dará acceso a z-index

Answer 2

Sé que es un hilo antiguo ... pero pensé en ponerlo aquí ... Utilicé el ciclo de presentación en mi sitio y me enfrenté a un problema similar, probé la solución sugerida aquí ... Cambié el índice Z en muchos lugares de mis propios archivos CSS ... pero finalmente descubrí que el problema estaba en el css del ciclo en sí ... cambiar el índice Z me ayudó a resolver mi problema.

Answer 3

Tuve el mismo problema, pero la solución final para mí fue establecer el índice Z en las cosas que quería flotar sobre mi animación a un número realmente alto (100 en mi caso). Parece que Cycle le asigna sus propios índices z (estaban en un solo dígito, pero aún mayor que 1 o 2, que es donde inicialmente configuré los índices z de mis objetos flotantes).

Answer 4

Sólo añadir estilo z-index para contenedores ciclo

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

detalles ver Displaying a div at a z-index above a jQuery Cycle slide show