如何仅对 mat-card 应用不透明度，而不对 mat-card 中的其余内容应用不透明度？

Question

我有一些 mat-card，它们是 flexbox 项目。我希望卡片本身有点透明opacity: 0.8;。但里面的其余元素保持原样。

所以在我放置的所有其他项目中opacity: 1;，但这没有帮助。

.mat-card {
  opacity: 0.5;
}

Answer 1

给 .mat-card 一个背景颜色 rgba(0, 0, 0, 0.5) 而不是使用不透明度（或任何你想要的背景颜色）：

.mat-card{
    background-color: rgba(0, 0, 0, 0.5);
}