单击HTML中画布下的按钮

时间:2016-01-12 11:31:33

标签: html canvas click

我在html中有一个按钮。

按钮部分被画布覆盖(透明背景),我无法在画布覆盖的区域内单击它。

enter image description here

这是非常复杂的形式,丰富的图形和移动这些东西将需要大量的工作。

是否可以制作帆布"隐形"鼠标点击?

4 个答案:

答案 0 :(得分:0)

您可以在css中使用z-index来应用z顺序。 z-index

答案 1 :(得分:0)

也许用z-index尝试一下?

按钮:     z-index:1;

画布:     z-index:0;

答案 2 :(得分:0)

只需按下按钮position:relative即可。它允许您单击按钮。

button {
    position: relative;
}

canvas {
    background-color: black;
    margin-left: -30px;
}
<button>click</button>
<canvas width="100" height="100" />

答案 3 :(得分:0)

在按钮和画布上尝试z-index。

button, canvas {
    position: relative;
}

button {
    z-index: 1;
}

canvas {
    z-index: 0;
}