Как выполнить drag&drop элемента с низким z-index?
 

Собственно вопрос в том как "ухватиться" за такой элемент над которым присутствуют другие элементы и контейнеры, не меняя z-index?
У меня это фотография, которую нужно перемещать мышкой по оси x, но над изображением еще некоторые элементы (направляющие кадрирования), которые должны оставаться видимыми.

Использую jquery.draggable – но в этом случае не получается применить. Может есть какие-нибудь варианты или нативный способ будет работать?

Подскажите, люди добрые :)

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

Как вариант обыграть так что бы устанавливать самый высокий z-index. Так и пользователю будет понятно что он тянет.
Если конечно есть такая возможность.

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

Походу возник еще вопрос. Может быть существует метод, который дает понять виден (рендерится) ли сейчас объект (или его части)?

То есть, допустим у меня та же фотография, которая перемещается над блоком, закрашенным красным цветом. Когда фотография перемещается слишком далеко, то часть красного блока становится видна. Конечно я могу рассчитать математически, когда это должно произойти, но вдруг есть метод, о котором я не знаю, упрощающий это до одной строчки (типа рендерится ли сейчас на экране то-то или то-то)? Вот. А то сложновато будет вычислить такое при повороте изображения..