在Javascript中在另一个上面绘制图像

Question

我有一个问题，我现在能够解决一段时间而且没有运气。 我有一个图像（硬件开关），我已经禁用（关闭）开始。图像很轻。然后当开关启用（打开）时，我需要在其上绘制启用的开关图像。有没有人有任何代码可以在另一个（相同的维度）上绘制图像。我的代码总是在禁用后绘制启用，因此两者都显示。

Answer 1

可以使用

重叠

  

z索引

。如果您想将图像保留在后台使用

  

z-index：-1和前景图像z-index：1

P.S。：在使用jquery的示例中，因为你有一个jquery标记。并且样本仅用于打开而不是切换。

示例代码：

$(document).on('click', '#switch', function() {
  $('.off').css("z-index", -1);
  $('.on').css("z-index", 1);
})

Sample Fiddle