首页 > 解决方案 > 如何将div放在画布下方

问题描述

我有一些包含画布的 HTML5 代码,我不能在画布下方放置一个 div,这是代码的一部分:

<div style="position: relative;">
   <div id="animation_container" style="position: absolute; background-color:rgba(255, 255, 255, 1.00); width:2000px; height:1520px; z-index: 3">
      <canvas id="canvas" width="2000" height="1520" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
   </div>
</div>
<div style= " z-index: 3">
   <h1>Test</h1>
</div>

标签: canvashtml5-canvas

解决方案


答案是删除 style="position: relative;" 在第一个 div 上。


推荐阅读