Javascript kineticjs画布与另一个画布重叠

我正在尝试构建一个使用KineticJS重叠另一个元素的应用程序。理想情况下，后台应用程序可以是另一个包含照片的div，或者像googlemaps这样复杂的东西

我试图完成的是一个概念证明，我可以基本上有一个KineticJS画布，它与另一个元素重叠，允许它与另一个元素重叠，但所有的输入都直接指向KineticJS对象

有什么想法吗？

HTML:

<div id="wrapper">
    <canvas id="canvasBottom" width=300 height=200></canvas>
    <div id="container" width=300 height=200></canvas>
</div>

JS使用容器div

var stage = new Kinetic.Stage({
    container: 'container',
    width: 300,
    height: 200
});

var stage = new Kinetic.Stage({
    container: 'container',
    width: 300,
    height: 200
});