如何使Internet Explorer模拟指针事件：无？ [英] How to make Internet Explorer emulate pointer-events:none?

问题描述

我正在开发一个项目，通过在图表上显示渐变PNG来增强highcharts。我们使用CSS pointer-events：none; 允许用户与图表进行交互，尽管顶部有一个div。 IE不能识别 pointer-events：none; ，因此IE上的用户不能具有增强的图表设计，或者不能与图表交互。我正在寻找一种方式来获得IE允许鼠标事件（specificaly悬停事件），通过一个div到它下面的元素。

I'm working on a project where we are enhancing highcharts by displaying a gradient PNG over the charts. We are using CSS pointer-events:none; to allow users to interact with the chart despite there being a div layered over the top. IE doesn't recognize pointer-events:none;, so users on IE either can't have enhanced chart design, or can't interact with the charts. I'm looking for a way to get IE to allow mouse events (specificaly hover events), to pass through a div to the elements below it.

您可以在这里查看我们正在使用的模型： http： //jsfiddle.net/PFKEM/2/

You can see a model of what we're working with here: http://jsfiddle.net/PFKEM/2/

有没有办法让IE做类似 pointer events：none; ，其中鼠标事件通过元素传递给元素？

推荐答案

希望这有助于：）

http://www.vinylfox.com/forwarding-mouse-events-through-layers/

您也可以尝试javascript解决方案：

You can also try a javascript solution :

http://jsbin.com/uhuto

这篇关于如何使Internet Explorer模拟指针事件：无？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！