canvas - 如何将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>
解决方案
答案是删除 style="position: relative;" 在第一个 div 上。
推荐阅读
- java - Java:JVM内存消耗
- c - 为什么两个指针之间有 16 个字节的差异而不是 8 个字节?
- javascript - 强制浏览器在脚本标签中加载新文件的最佳方法是什么
- swift - Swift 4.2:以下声明是什么意思
- windows - 安装新版本 Slack 时出错:暂存用户 ID 和其他错误
- c++ - 如何使用 boost::wregex?
- node.js - Mobx-state-tree SSR 双初始化客户端和服务器
- storage - 如何创建 OpenEBS cstor 池?
- ios - CSS 未在 iOS 设备上应用
- xcode - 错误:在使用 OneSignal 进行推送注册期间遇到错误:错误域 = OneSignalError 代码 = 400“