Question

我在Angular-Material中设计了this layout。是否可以通过减少z-index来reduce the 3D effect。最终将其缩小到以下效果。

    <div style="border: 1px">
        ... box content
    </div>

我试过操纵容器类的z-index，但是我收到了无效的属性值错误。

.mat-drawer-container
{ 
    z-index: 1 
}

P.S。不幸的是，无法移除材料卡和卡。将Div替换为布局中断。因此寻找黑客。

Answer 1

只需将mat-elevation-z{X}添加到您的卡片类中，其中{X}从1到24，并表示与z = 0相比的提升程度;