所以我正在使用 w3-css 为我的应用程序创建布局,但该应用程序包含一个 Canvas 。我现在使用的 Canvas 被上面的 div 隐藏了。
老实说,我不知道如何解决这个问题。
我唯一能想到并找到的是 Z-index,但无法更改它。
我的问题的一个例子在这个 jsfiddle 中:
https://jsfiddle.net/L8frrcfr/
<div class="w3-row">
<div class="w3-col m6 w3-gray">
<canvas width="100" height="100"></canvas>
</div>
<div class="w3-col m6 w3-light-blue" style="height: 100px;">
</div>
</div>
如您所见,w3-cols 中的内容显示在 Canvas 上方。我希望 Canvas 位于 w3-col 之上。
最佳答案
事实并非如此。如果您填充 Canvas (默认透明!),您将看到它呈现在顶部:
https://jsfiddle.net/ibowankenobi/L8frrcfr/2/
var context = document.getElementsByTagName("canvas")[0].getContext("2d");
context.fillStyle = "#ff0000";
context.fillRect(0,0,100,100)
关于javascript - 在 div w3-row/w3-col (W3CSS) 上方显示 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50242158/