禁用Ionic 3 Framework中隱藏在離子頁腳和離子頁眉上的溢出

Question

我一直在ionic3中開發一個應用程序。 我用按鈕創建了一個離子頁腳。 我需要彈出一個中間按鈕，但是ion-footer像隱藏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

您應該在CSS中使用z-index 。 它定義了每個div的重要性（優先級）。 如果您放置一個較大的z-index則div將被推高並出現在div堆棧的頂部。 您可以查閱文檔 。

嘗試這樣的事情：

.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;
      }