html5 – 放置在a

前端之家收集整理的这篇文章主要介绍了html5 – 放置在a前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个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 }

猜你在找的HTML5相关文章