2017-08-28 18 views
1

FABSpeedial項目放在我的頁面的輔助工具欄後面。我預計這些項目將顯示在此工具欄的「頂部」。AngularJS素材FAB項目位於我的工具欄後面

請參考codepen。你會看到快速撥號項(1,2,3,4,等)被投入二次工具欄後面(標記爲「二級頭」)

fab-actions下面都出現的toolbar代替上的頂部後面它。我想這是某種z-index問題,但我沒有看到索引來自哪裏,以便我可以改變它。

<md-fab-actions> 
     <md-button aria-label="Twitter" class="md-fab md-raised md-mini"> 
     1 
     </md-button> 
     <md-button aria-label="Facebook" class="md-fab md-raised md-mini"> 
     2 
     </md-button> 
     <md-button aria-label="Google Hangout" class="md-fab md-raised md-mini"> 
     3 
     </md-button> 
</md-fab-actions> 

回答

3

可以爲二級標題<md-toolbar style="position:relative; z-index:1">

沒有必要的z-index做that.Please參考此codepen

+0

這樣一個簡單的解決方案這樣設置style="position:relative; z-index:1"風格。我正在推翻它,哈哈。謝啦。 – Holt