JQuery Z-индекс не работает

Question

У меня есть меню, и при наведении у меня появляется поле. За этим полем у меня есть маленькая иконка, и я хочу переместить ее перед рамкой, чтобы вы могли видеть ее при наведении.

Вот мое меню> Навигация

Я попробовал это с этим jQuery(this).find(".flyer").css("z-index", 10000); но это остается позади. Как я могу справиться с этой проблемой?

приветствует Макс

Answer 1

z-index работает только с позиционированными элементами, поэтому вам нужно задать .flyer a position, например:

.flyer{
    margin: -75px 0 0 0;
    width:53px;
    height:74px;
    position: relative;
}

Вот ваш пример / скрипка, отредактированная для работы , мы просто вызываем это при наведении:

$(this).find(".flyer").css("z-index", 10000);    

и это при наведении:

$(this).find(".flyer").css("z-index", "auto");

Answer 2

Убедитесь, что вы ссылаетесь на нужный элемент с помощью селектора .flyer, и z-index не справляется с этим, попробуйте с атрибутом zoom .