Проблема с плавающим индексом z-index в плагине jQuery Cycle

Question

Когда я пытаюсь поместить элемент поверх моего элемента jQuery Cycle, он не работает. Элемент всегда находится за элементом цикла jQuery. Я использую float: right; позиционировать элемент и установить его z-index на 100000, но безрезультатно.

Firebug видит элемент Cycle и его дочерние элементы с низким z-индексом и показывает, что плавающий элемент находится в нужном месте.

Элемент никогда не отображается над изображениями Велоспорта.

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

плавающий не вызывает z-index, только
Position: Relative и position: Absolute

, попробуйте это .. вы можете попробовать добавить position:relative,
это ничего не изменит в большинстве случаев, но даст вам доступ к z-index

Answer 2

Просто добавьте стиль z-index в контейнер контейнера

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

подробности см. Отображение div по z-индексу над слайд-шоу jQuery Cycle

Answer 3

У меня была такая же проблема, но окончательным решением для меня было установить z-index для вещей, которые я хотел плавать над моей анимацией, на действительно большое число (100 в моем случае). Похоже, что Cycle присваивает свои собственные z-индексы (они были в однозначных числах, но все еще больше 1 или 2, именно там я изначально установил z-индексы своих плавающих объектов).

Answer 4

Я знаю, что это старая ветка .... но подумал поставить ее здесь ..... Я использовал презентацию на моем сайте и столкнулся с подобной проблемой, попробовал решение, предложенное здесь ..... Я изменил Z-индекс во многих местах в моих собственных файлах css .... но в конце концов обнаружил, что проблема была в css самого цикла ..... изменение z-index в нем помогло решить мою проблему.