Canvas 拉斐尔js叠加多幅画布

Canvas 拉斐尔js叠加多幅画布,canvas,overlay,raphael,overlap,Canvas,Overlay,Raphael,Overlap,我有一个页面,我正在创建两个画布,每个画布包含一个矩形。我想将一个矩形覆盖在另一个矩形上,但它总是位于画布的末端。我知道我可以很容易地用一个画布覆盖一个矩形,但我想用两个画布 有两个div标签Container和Container1。Container1 div位于Container div标签内。此外,container1 div必须保持在页面的中心 jsfiddle基本上只是您提供的容器元素中的一个SVG元素,因此这是一个相对于同一容器中其他元素定位div元素的问题。对于container1

我有一个页面,我正在创建两个画布,每个画布包含一个矩形。我想将一个矩形覆盖在另一个矩形上,但它总是位于画布的末端。我知道我可以很容易地用一个画布覆盖一个矩形,但我想用两个画布

有两个div标签Container和Container1。Container1 div位于Container div标签内。此外,container1 div必须保持在页面的中心


jsfiddle基本上只是您提供的容器元素中的一个SVG元素,因此这是一个相对于同一容器中其他元素定位div元素的问题。对于container1,您可能必须使用“position:absolute”。

Canvas基本上只是您提供的容器元素中的一个SVG元素,因此这是相对于同一容器中的其他元素定位div元素的问题。您可能必须对container1使用“position:absolute”。

可以通过使用“position:absolute”来完成,但是div不会保持在页面的中心。@user1688606 true。当然,你可以用另一个div来解决这个问题。像这样的东西非常棒。为什么我没有想到这一点:D谢谢你的帮助。这可以通过使用“position:absolute”来完成,但是div不会保持在页面的中心。@user1688606 true。当然,你可以用另一个div来解决这个问题。像这样的东西非常棒。谢谢你的帮助。