2

我在 mat-toolbar e mat-card 元素中使用 mat-elevation-z4 类，它根本不起作用。即使我没有在这些元素中应用任何其他 CSS。

版本：
Angular CLI：10.0.6
节点：10.14.2
操作系统：win32 x64
Angular：10.0.9

该应用程序在 Chrome 桌面上运行，我也在 Firefox 中尝试过。

我用它来尝试修复：但它只在工具栏中工作并产生了其他错误：

.antiBug {
    position: relative;
    z-index: 2;    
}

我的垫卡：

<mat-card class="mat-elevation-z4">
    <mat-card-title class="title">Bem vindo!</mat-card-title>
    <mat-card-subtitle class="subtitle">
        Sistema para exemplificar a construção de um cadastro em Angular
    </mat-card-subtitle>
</mat-card>

我不想盲目地安装旧版本的 Angular，希望问题消失。

我怎样才能解决这个问题？

PS：巧合的是，在同一个项目中，我有材质按钮，它们的样式可以正常工作，除了垫升按钮，它是“3D”的。看起来Angular在控制z-index时遇到了一些问题......

看看我的工具栏的 mat.elevation-z8 类

在此处输入图像描述

在这里，和我的垫卡一样

在此处输入图像描述

4

1 回答 1

5

我遇到了类似的问题，但事实证明，当我安装 Angular Material 时，它没有将“./node_modules/@angular/material/prebuilt-themes/indigo-pink.css”添加到我的angular.json样式部分，在构建部分内。

angular.json 文件的样式部分

添加此代码后，它工作正常！

于 2021-03-23T02:58:30.540 回答