jQuery Cycle-Plugin z-index float Problem

StackOverflow https://stackoverflow.com/questions/877349

  •  22-08-2019
  •  | 
  •  

Frage

Wenn ich versuche, ein Element auf meinem jQuery Cycle-Element zu platzieren, funktioniert es nicht. Das Element ist immer hinter dem jQuery-Zyklus-Elemente. Ich benutze float: right; das Element, zu positionieren und seinen z-Index bis 100000, ohne Erfolg eingestellt.

Firebug sieht den Zyklus Element und seine Kinder so niedrig Z-Indizes haben, und zeigt das Floating-Element an der richtigen Stelle zu sein.

Das Element zeigt nie über den Radsport Bilder. 

<!-- 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' />
War es hilfreich?

Lösung

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

so versuchen, diese .. Sie vielleicht versuchen position:relative das Hinzufügen,
es wird nichts die meiste Zeit bewirken, sondern geben Sie auf Zugriff auf z-index

Andere Tipps

Ich weiß, es ist ein alter Thread .... aber dachte, dass es hier setzen ..... ich die presentationcycle in meiner Website verwendet und konfrontiert ähnliches Problem, ausprobiert hier die Lösung vorgeschlagen ..... ich geändert der Z-Index an vielen Orten in meinen eigenen CSS-Dateien .... aber finde schließlich, dass das Problem in der CSS des Zyklus war selbst ..... den Z-Index Wechsel in es half mein Problem zu lösen.

Ich hatte das gleiche Problem, aber die endgültige Lösung für mich war, auf die Dinge, die z-index Einstellung ich über meine Animation auf eine wirklich hohe Zahl (100 in meinem Fall) schwimmen wollte. Es scheint, dass Zyklus seiner eigenes Z-Indizes zuordnet (sie in den einstelligen Bereich waren, aber immer noch mehr als 1 oder 2, das ist, wo ich zunächst meine schwebenden Objekte z-Indizes gesetzt).

Just z-index Stil Zyklus Container hinzufügen 

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

Details finden Sie unter ein div angezeigt bei einem z-Index von über einer Diashow jQuery Zyklus

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top