相关疑难解决方法(0)

我有一个div具有background:transparent,沿border.在此之下div,我有更多的元素.

目前,当我点击叠加层外部时,我可以单击基础元素div.但是,直接单击叠加层时,我无法单击基础元素div.

我想能够点击这个,div这样我就可以点击底层元素.

我有一个自定义的可拖动元素(拖动从点击开始,到点击结束),可以在某些区域删除.鼠标悬停区域决定是否接受当前可拖动,并分别更改其颜色.一切都像魅力一样,直到客户决定可拖动元素应位于光标的上方和左侧,这就是故事开始的地方.

当我移动它时,我意识到鼠标悬停事件现在转移到可拖动的,而不是区域.我做了一些搜索,发现了魔法

pointer-events:none

CSS属性.遗憾的是,这在IE9中不起作用,它是我们的目标浏览器.

这是一个简单的例子:http://jsfiddle.net/q9njK/5/

问题是:我能否以更简单的方式在IE9中使用它,而不是直接观察鼠标移动并计算现在哪个区域是指针？

Edit_1:通过"直接观看mousemove"我的意思是这样的解决方案:http://jsbin.com/uhuto 在mousemove的情况下,这将是缓慢而丑陋的.嗯,我知道,"缓慢而丑陋"是IE的座右铭,但如果某处存在更优雅的解决方案,我想知道它.

Edit_2:似乎IE9 pointer-events: none甚至不支持SVG(这里是一个例子,在IE9中不起作用:http://jsfiddle.net/q9njK/9/),所以除了绑定到document.mousemove之外别无他法.或者是吗？