Как перетащить элемент с z-index <0

Question

Я хотел бы иметь возможность перетаскивать элементы, которые находятся под основным делением.

Основной блок - это рамка, поэтому пользователь может перетащить свою фотографию под рамку, чтобы установить наилучшую позицию.

код: http://jsfiddle.net/Mw86p/46/

Любая помощь?

Спасибо

Answer 1

CSS3 имеет атрибут с именем pointer-events.Если для этого параметра установлено значение none, элемент не будет реагировать на события щелчка, т. Е. Пропускать их через:

#divProductFrame {
   pointer-events: none;   
}

Демо: http://jsfiddle.net/puKBc/1/

Помимо этого, естьнет простой способ сделать это.Большинство других способов включают использование jQuery для создания прозрачных «вспомогательных» элементов в верхней части кадра, которые затем перемещают свое координирующее изображение при перетаскивании.

Вот быстрый (т.е. не идеальный)пример способа jQuery:

http://jsfiddle.net/WbpTz/2/