如何使用z-index＆lt;拖动元素？ 0

Question

我希望能够拖动主div下的元素。

主div是一个框架，因此用户可以在de frame下拖动他的照片以设置最佳位置。

代码： http://jsfiddle.net/Mw86p/46/

任何帮助？

由于

Answer 1

CSS3有一个名为pointer-events的属性。如果将其设置为none，该元素将不会响应点击事件，即让它们通过：

#divProductFrame {
   pointer-events: none;   
}

演示：http://jsfiddle.net/puKBc/1/

除此之外，没有 easy 方法可以做到这一点。大多数其他方法涉及使用jQuery在框架顶部创建透明的“辅助”元素，然后在拖动它们时移动它们的协调图像。

以下是jQuery方式的快速（即不完美）示例：

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