使<canvas>成为html文档的背景</canvas>

时间:2013-06-09 05:41:08

标签: javascript css html5 html5-canvas

有没有办法让HTML5画布成为我正在制作的网页的背景,并将所有元素放在它上面。

所以它就像<body>

我尝试使用z-index并将元素放在顶部,但随后它们可以点击或聚焦。我需要它们仍然可以正常运行,但画布也可以在后台单击,而不是可点击的地方。

2 个答案:

答案 0 :(得分:8)

只需将<canvas>的{​​{1}}设置为z-index即可。如果您的画布由顶部的容器覆盖,请使用createEvent模拟自定义事件。 [1]

演示:http://jsfiddle.net/DerekL/uw5XU/

-1

答案 1 :(得分:-1)

确实可以使用z-index,很可能画布不可点击,因为您正在使用位于其上的容器。因此,即使看起来没有元素,容器仍然存在,这会阻止您单击画布。