2016-11-23 167 views
0

我在网页的顶部创建了一个画布。画布对一些物体是透明的。在画布下有一些不属于createjs阶段的按钮。避免createjs拦截点击画布

我想使该按钮正常工作,此时由于画布区域位于按钮上方(画布透明),因此无法单击按钮。

有没有办法禁用鼠标处理,或者可以将事件传递给createjs画布下的对象? 由于画布位于按钮上方(即使是透明的),请查看图像,圆形灰色按钮不可点击。我无法调整画布大小。

enter image description here

+0

您是否尝试将canvas元素的z-index更改为负值? –

+0

如何更改画布的z-index?我知道如何与孩子一起做。无论如何,在这种情况下,画布是否会被底层对象覆盖? – Kerby82

+0

也许这会引导你:http://stackoverflow.com/questions/9165766/html5-canvas-set-z-index –

回答

0

你有没有看着CSS指针活动? http://caniuse.com/#feat=pointer-events

IE不支持IE(11之前版本),它会阻止Canvas本身的任何内部交互,但是如果Canvas上没有交互元素,它可以为你工作。

+0

不起作用。它也会在底层对象上禁用任何点击。 – Kerby82

+0

这里是一个演示:http://jsfiddle.net/lannymcnie/qent2q7p/ – Lanny

+0

我看到了演示。但是在画布上使用createjs会使您的解决方案无法正常工作。 – Kerby82