Проблема с наведением jQuery из-за z-индекса

Если вы используете современный браузер, поддерживающий css3, попробуйте добавить эту строку в правило css для прозрачного png: pointer-events: none;
Это в основном говорит браузеру игнорировать все события мыши на этом элементе.

Например:

img
{
    pointer-events: none;
}

https://developer.mozilla.org/en/css/pointer-events

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

например, если идентификатор вашего изображения — #img, а идентификатор базового элемента — #elem, вы можете сделать это:

$("#elem").hover(function(e){
     $("#img").mouseenter(e);
});

Возможно, вам придется немного повозиться с этим в зависимости от того, как настроены ваши DOM, вот документация http://api.jquery.com/mouseenter/