禁用Ionic 3 Framework中離子頁腳和離子頭隱藏溢出

Question

我一直在研究ionic3中的應用程序。我創建了一個帶按鈕的離子腳註。我需要彈出一箇中間按鈕，但離子頁腳隱藏它，就像它有CSS溢出：隱藏應用在它上面。

我想讓我的離子尾是這樣的：

，但得到這樣的：

我想要的是：

.middle-nav-icon { 
     color: $appRed; 
     border: $appRed 1px solid; 
     width: 55px; 
     height: 55px; 
     line-height: 55px; 
     border-radius: 50%; 
     background: #ffffff; 
     font-size: 30px; 
     margin-top: -50px; 
     margin-bottom: 7px; 
     } 

Answer 1

您應該使用z-index在您的CSS。它定義每個div的重要性（優先級）。如果你把一個大的z-index div將被推高，並出現在div的堆棧頂部。您可以諮詢documentation。

嘗試這樣：

.middle-nav-icon { 
     color: $appRed; 
     border: $appRed 1px solid; 
     width: 55px; 
     height: 55px; 
     line-height: 55px; 
     border-radius: 50%; 
     background: #ffffff; 
     font-size: 30px; 
     margin-top: -50px; 
     margin-bottom: 7px; 
     z-index: 1; 
     }