Есть ли способ навести курсор на элемент, который находится ниже z-index других элементов в jquery?

Question

У меня карта разбита на три части: фон карты, метки карты и сам фрагмент карты в следующем порядке:

фон карты: z-index = 1
метка карты: z-index = 3
кусок карты (зависание): z-index = 2 (чтобы перейти под меткой)

Есть ли способ навести курсор на кусок, который равен z-index = 2, если над ним есть элемент, используяJQuery?(т.е. этикетка)

Answer 1

Вы можете также вызвать наведение на ярлык или создать невидимые элементы div поверх всего:

$(function(){
    $('.mappieces').each(function(){
        var p = $(this).offset();
        var w = $(this).width();
        var h = $(this).height();
        var $invisibleElement = $('div').addClass('invisible-style').css({
            position: "absolute",
            top: p.top,
            left: p.left,
            width: w,
            height: h,
            "z-index": 4 //on top of everything
        }).appendTo('body');
        $invisibleElement.hover(function(){...}, function(){...}); //do stuff
    });
});

Answer 2

РЕДАКТИРОВАТЬ: Хорошо, это похоже на работу. не уверен, есть ли какие-либо недостатки.

http://jsfiddle.net/Sdsax/1/

В основном поместите и метку, и часть внутри div. Поместите наведите курсор мыши на элемент div. Поскольку у контейнера div нет содержимого, кроме абсолютно позиционированных элементов, он не будет отображаться. Но так как оба элемента находятся внутри этого div, они наводят огонь на обоих.

РЕДАКТИРОВАТЬ 2: Обновленная скрипка. Как вы можете видеть в обновленной скрипке, поскольку у них действительно один и тот же обработчик, если они перекрываются, перемещение от одного к другому не будет запускать зависание снова.