Angular MatDialog的背景显示一个灰色的板，呈棱角状

一旦我点击阿凡达按钮，然后我想启动一个对话框 MatDialog正在打开，但它的背景显示为灰色，而不是背景组件

组件。ts

onAvatarClicked（）：void{ this.uploadImgDialog.open（ImageCropperComponent{ 宽度：“350px”， panelClass:“完整面板”， }); }

imagecroppercomponent.html

关闭 上传图像。。。 选择文件 上传 显示图像

您可以在全局样式中使用和修改对话框覆盖的样式

例如，您的配置

onAvatarClicked(): void { 
this.uploadImgDialog.open(ImageCropperComponent, { 
     width: '350px', 
     //Also make sure this line below isn't forcing some styles that are causing the issue you have
    panelClass: 'full-panel',
    // Add the line below
    backdropClass: 'custom-backdrop'
 }); }

以你的全球风格

.custom-backdrop {
background-color: gray;
opacity: .2 !important;
}