javascript - 标签顶部的 Canvas

Question

我正在尝试使用canvas获取图像的X和Y坐标，问题是我想将图像放在canvas后面，这样我就可以在该图像之上使用带有canvas的js“我不想在 Canvas 上绘制此图像，因此我可以使用后端编程轻松更改它”

<style>
  .map_image{width:80%; position:relative;}
  #map_canvas{width:100%; height:100%; position:static; top:0px; right:0px;}
  .map_img{width:100%; height:100%;}
</style>

<div class="map_image">
  <canvas id="map_canvas"></canvas>
  <img src="images/map.jpg" class="map_img" />
</div>

使用此代码， Canvas 出现在图像后面，我使用了 z-index，但它对我不起作用。

我希望您能清楚地了解这一点，如果还有其他方法，如果您能帮助我，我将很高兴。

Answer 1

z-index 适用于定位元素，即具有位置(绝对、固定、相对)的元素。

http://jsfiddle.net/66Ryg/