Question

我有以下代码：

<html>
<head>
<title>convas</title>
</head>

<body>

<canvas width="1745" height="569" style="width: 1730px; height: 1680px; position: absolute; z-index: 1"></canvas>

<div id="container">
html elemets (buttons, links)
</div>

</body>
</html>

画布位于div元素上，但任何按钮或链接都不起作用。

请查看我的示例：

http://jsfiddle.net/58WC6/2/

它需要处理图像链接与落雪。

Answer 1

我假设你想把容器放在画布上？

http://jsbin.com/eNUdUvAg/4/

浮动容器并设置Z-Index。

<canvas width="1745" height="569" style="width: 1730px; height: 1680px; position: absolute; z-index: -1; background-color:red;"></canvas>

  <div id="container" style="z-index:99 float:left;">
  <button />

HTML5，所有元素的画布

1 个答案: