2017-08-28 59 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

相关问题