angle-material2ツールバーの影

Question

私はマテリアル2を初めて使用しています メインアプレットのツールバーを画面上部に固定しておくと、標高が正しく機能しないという問題がありました。ツールバー）I ここでは私のHTMLコード相対/絶対/ Zインデックスの作業を取得するためにあなたの要素への静的/固定設けられた位置にあなたが持っている

.app-content { 
    height: calc(100% - 64px); 
    overflow: auto; 
} 

<md-toolbar class="mat-elevation-z5" color="primary" style="z-index: 100!important;"> 

    <button md-icon-button (click)="start.open()"> 
     <md-icon class="demo-toolbar-icon">menu</md-icon> 
    </button> 
    <span>E-Learning</span> 

    <span class="demo-fill-remaining"></span> 
</md-toolbar> 
<div class="app-content" style="z-index: 0!important;"> 
    <div class="workspace"> 
    <el-teacher></el-teacher> 
    </div> 
</div> 

Answer 1

です。

.mat-elevation-z5 { 
    position: relative; 
    z-index: 2; 
}