改变重叠画布的位置

时间:2013-04-16 10:45:57

标签: html5 canvas onclick

我已经在每个顶部分层了4个画布,但是我希望能够单击一个按钮,链接的画布将显示在顶部。

http://jsfiddle.net/5g3Fe/显示了我目前得到的内容。我试着将以下代码放入按钮单击功能。但这不起作用。

function canvasView1()
{
document.getElementById("canvas1").style.z-index="1";
document.getElementById("canvas2").style.z-index="0";
document.getElementById("canvas3").style.z-index="0";
document.getElementById("canvas4").style.z-index="0";

}

任何人都可以建议一种能够通过点击按钮获取特定画布的方法。

由于

1 个答案:

答案 0 :(得分:0)

出于某种原因,由于this reason,jsFiddle忽略了您的JavaScript代码。您可以通过选择左侧选项中的No wrap - in <body>来解决这个问题。

然后您的问题是要在javascript中设置z-index,而不是使用.style.zIndex {/ 1}}。

Working fiddle here

cleaner code version here