AngularJSの素材FABのアイテムは私のツールバーの後ろにあります

Question

FABS私のページにあるセカンダリツールバーの後ろには、私は、これらのアイテムがこのツールバーの上に表示されることを期待していました。

参考にしてください。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> 

Answer 1

あなたはセカンダリヘッダ<md-toolbar style="position:relative; z-index:1">

that.Please参照にこのcodepen