在 safari 中，单击已设置剪辑路径的图像时不会发出 Click 事件

Question

• 我想将图像拖到设置了剪辑路径的 div 中。
• 当我在 Chrome 和 Firefox 浏览器中检查该图像元素上的元素时，在检查元素中选择图像但是当我在 Safari 中执行相同操作时，选择具有剪辑路径的 div 的父元素而不是图像。

注意： 如果我将 transform 中的 translateX 和 translateY 值设置为在 clip-path 标记中设置的 0，那么它可以工作，但是 clip-path 会根据我的需要从我通过计算设置的位置移动.

这里我创建了一个小提琴来测试这个问题。 [http://jsfiddle.net/b4epxajz/]

为问题做必要的事情。

• 我也检查了相对位置和绝对位置，但没有用。
• 我还将 SVG 移动到项目 HTML 页面中的另一个位置，但无法跟踪要拖动的图像。
• 我正在使用 jquery-ui 可拖动插件在我的项目中拖动图像。