Question

我想在桌子上放一个画布，但它不起作用。

以下是代码：

<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

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

将表放在html中的画布中

1 个答案: