2016-11-23 165 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