将垫子图标/按钮带到前面

Question

我有这段代码：

<button style="z-index: 999999" mat-fab color="primary">
  <mat-icon style="z-index: 999999" aria-label="left">chevron_left</mat-icon>
</button>

但它仍然导致了这个：

我想把雪佛龙图标放到前面，但我不知道该怎么做。

Answer 1

重要提示：强烈建议您不要使用内联style属性。请改用课程。 Reasons why

您可以做的一件事是，正如我在上面的评论中所说，尝试为z-index设置<mat-card>，其低于FAB的z-index（又名Floating Action Button）：

<mat-card style="z-index: 9999">
  <!-- ... -->
</mat-card>

<!-- FAB -->
<button style="z-index: 999999" mat-fab color="primary">
  <mat-icon style="z-index: 999999" aria-label="left">chevron_left</mat-icon>
</button>

Demo (see styles.scss)