AngularJS 材料 FAB 项目在我的工具栏后面答案

【问题标题】：AngularJS material FAB items are behind my toolbarAngularJS 材料 FAB 项目在我的工具栏后面
【发布时间】：2018-02-05 23:56:17
【问题描述】：

FABSpeedial 项目被放在我页面的辅助工具栏后面。我本来希望这些项目显示在此工具栏的“顶部”。

请参考此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>

【问题讨论】：

标签： html css angularjs material-design

【解决方案1】：

您可以为辅助标题<md-toolbar style="position:relative; z-index:1"> 设置这样的样式style="position:relative; z-index:1"

不需要 z-index 这样做。请参考codepen

【讨论】：

这样一个简单的解决方案。是我想多了，呵呵。谢谢大佬。