我在一个canvas元素如下所示的div:
<canvas> <div></div> </canvas>
这两个都有高度和宽度。但在这里我看不到div!
是不是可以在画布上带一个div或p?
解决方法
你不能将元素放在画布中(并且同时显示);它们只有在浏览器不能理解canvas元素时才会显示。
如果你想把元素放在同一个区域作为一个画布,这里是一个技术(许多),让你这样做:
HTML
<div id="canvas-wrap"> <canvas width="800" height="600"></canvas> <div id="overlay"></div> </div>
CSS
#canvas-wrap { position:relative } /* Make this a positioned parent */ #overlay { position:absolute; top:20px; left:30px; }
这里有另一种技术,它允许div的内容正常流动,并使画布成为内容的背景:
CSS
#canvas-wrap { position:relative; width:800px; height:600px } #canvas-wrap canvas { position:absolute; top:0; left:0; z-index:0 }