我有一个网站使用Raphael让用户在页面内容上绘制箭头,同时仍然可以访问底层内容。要做到这一点,我有一个div覆盖整个页面,css设置为pointer-events:none
,而Raphael文件在这个div中。这在Chrome和Firefox中效果很好,但在Safari中,鼠标事件不会通过重叠的div。
如果没有将Raphael纸张添加到重叠的div中,鼠标事件即使在Safari中也会很好。问题似乎是空白的拉斐尔纸正在捕捉Safari中的鼠标事件。知道怎么解决这个问题吗?
在这里小提琴:http://jsfiddle.net/T9rD3/。