[英]angular-material2 toolbar shadow
我是材料2的新手我試圖將主應用工具欄固定在屏幕頂部,問題是高程不正常(內容隱藏了工具欄的陰影)我這是我的HTML代碼
.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>
您必須為元素提供位置相對/絕對/固定/靜態以使z-index工作。
.mat-elevation-z5 {
position: relative;
z-index: 2;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.