html - 在html中将表格放在 Canvas 中

Question

我想在 table 上放一张 Canvas ，但它不起作用。

代码如下:

<canvas>
<table id="gameField" class="gameFieldAll">
     <tr>
        <td><input class="Field" type="button" id="00K"onclick="g.pressField(0,0)" ></input> </td>
        <td class="fieldRL"><input class="Field" type="button" id="01K"onclick="g.pressField(0,1)"></input> </td>
        <td><input class="Field" type="button" id="02K"onclick="g.pressField(0,2)"></input> </td>
      </tr>
      <tr>
          <td class="fieldTop"><input class="Field" type="button" id="10K"onclick="g.pressField(1,0)"></input> </td>
          <td class="fieldTop fieldRL"><input class="Field" type="button" id="11K"onclick="g.pressField(1,1)"></input> </td>
          <td class="fieldTop"><input class="Field" type="button" id="12K"onclick="g.pressField(1,2)"></input> </td>
      </tr>
      <tr>
         <td class="fieldTop"><input class="Field" type="button" id="20K"onclick="g.pressField(2,0)"></input> </td>
         <td class="fieldTop fieldRL" ><input class="Field" type="button" id="21K"onclick="g.pressField(2,1)"></input> </td>
         <td class="fieldTop"><input class="Field" type="button" id="22K"onclick="g.pressField(2,2)"></input> </td>
      </tr> 

表格在网页上消失了。有什么建议么？谢谢

Answer 1

解决方案是将 Canvas 放在表格上方，并使 css 属性位置“绝对”， Canvas 的 z-index 高于表格的 zindex。