Html AngularJS材料制造项目位于我的工具栏后面

Fabspedial项目被放在我的页面上的第二个工具栏后面。我本以为这些项目会显示在此工具栏的“顶部”

请参考这个。您将看到speeddial项目（1、2、3、4等）被放在辅助工具栏后面（标记为“辅助标题”）

下面的

fab操作

都出现在

工具栏

的后面，而不是上面。我猜这是某种

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>

1.
2.
3.

您可以像这样设置辅助标题的样式

style=“position:relative；z-index:1”

---

不需要z-index就可以做到这一点。请参考此

如此简单的解决方案。我想得太多了，哈哈。谢谢你。