CSS Wordpress z-index不堆疊畫布元素

Question

我是triyng堆棧2 WordPress的網站上的畫布元素。問題在於畫布元素拒絕堆疊。

鏈接到實際的頁面：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%則不起作用： - [[[[0126] []需要此幫助。

Answer 1

你可以試試這個：

• 總結他們就是你在
• 然後設置position:absolute;兩個是div元素不需要
• 使用left:0;top:0;（單元內部的畫布元素設置position:relative;共同DIV中當0）在必要時調整畫布的位置

在父元素上使用relative會使絕對位置編輯元素內部相對於它。如果你在兩者上都使用相對的話，你需要調整其中一個的位置（就像你已經發現的那樣）。