Я использую класс mat-elevation-z4 в элементах mat-toolbar e mat-card, и он просто не работает. Даже если я не применяю никакого другого CSS в этих элементах.
Версии:
Angular CLI: 10.0.6
Node: 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 моей панели инструментов.
А вот и моя мат-карта