如何将超赞字体图标显示在最前面？

Question

我有一个要带到页面顶部的图标，但似乎无法正常工作。

我尝试使用z-index并在背景图片上设置1，在图标上设置100。

CSS

#slider {
    position: absolute;
    height: 1080px;
    width:100%;
    z-index: 1;
}
fa-chevron-right {
    z-index: 100;
    position: absolute;
    top:500px;
}

HTML

  <div id=content>
    <ng-container *ngFor="let i of [0,1,2]">
      <div id=slider [@flyInOut]="flyInOut" *ngIf="i == gameIndex " [ngStyle]="{'background-image':game}">

      </div>
    </ng-container>
    <span class="fas fa-chevron-right fa-5x" data-toggle="modal" role="button" aria-hidden="true"
      (click)="movePictureRight()"></span>
    <app-game-gallery></app-game-gallery>
  </div>