我是材料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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)