Les éléments FAB d'AngularJS se trouvent derrière la barre d'outils

Question

FABLes éléments de fabrication sont placés derrière une barre d'outils secondaire de ma page. Je m'attendais à ce que ces éléments soient affichés «en haut» de cette barre d'outils.

Veuillez faire référence à ce codepen. Vous verrez les éléments de numérotation directe (1, 2, 3, 4, etc.) sont mis derrière la barre d'outils secondaire (marqué comme « tête secondaire »)

Le fab-actions ci-dessous tous comparaissent derrière le toolbar au lieu de au-dessus de il. Je suppose que c'est une sorte de problème mais je ne vois pas d'où vient l'indice pour que je puisse le changer.

<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> 

Answer 1

vous pouvez définir le style comme celui-ci style="position:relative; z-index:1" pour en-tête secondaire <md-toolbar style="position:relative; z-index:1">

pas besoin z-index pour faire référence that.Please cette codepen