CSS Wordpress z-index不堆叠canvas元素

Question

我想在Wordpress网站上堆叠2个canvas元素。问题是canvas元素拒绝堆叠。

指向实际网页的链接：WebPage

CSS：

 #plane{
    position:relative;
    z-index: 110;
    border: 1px solid black;
    width: 100%;
}
#plane1{
    position:relative;
    z-index: 120;
    border: 1px solid black;
    width: 100%;
}

正在使用clear:both;，left: 0px;，top: 0px;，但它没有任何区别。将第二个画布移到顶部的唯一方法是添加top: -200px;，但top: -100%不起作用： - [[[ 需要帮助。

Answer 1

你可以试试这个：

• 将它们包裹在您在
上设置position:relative;的公共div中
• 然后为div元素
中的两个canvas元素设置position:absolute;
• 如有必要，使用left:0;top:0;（0时不需要单位）调整画布的位置

在父元素上使用relative使得相对于它的绝对定位元素在其中。如果你在两者上使用亲戚，你需要调整其中一个的位置（正如你已经发现的那样）。