在IE窗口中显示PDF的问题

Question

我有一个问题，PDF显示在IE的属性面板前，但不是在Chrome。

在IE

在Chrome

尝试使用z-index，但没有成功

使用angular 7.13

我知道IE支持已经停止了，没有人喜欢它，但是公司停止使用它需要时间。

编辑:添加了一些代码，由于公司的协议，我不能添加更多的代码。我不认为这是一个编码问题，它适用于所有其他浏览器。

```html for the file viewer
<div *ngSwitchCase="actionsBarType == eActionsBar.Viewer ? eActionsBar.Viewer : actionsBarType == 
eActionsBar.ViewerFullScreen ? eActionsBar.ViewerFullScreen :
actionsBarType == 
eActionsBar.ArchivesViewer ? eActionsBar.ArchivesViewer :
actionsBarType == eActionsBar.ArchivesViewerFullScreen ? eActionsBar.ArchivesViewerFullScreen : '' ">
<mat-expansion-panel #panel [hideToggle]="true">
<mat-expansion-panel-header style="max-height: 38px !important;">
<mat-panel-title>
<div *ngTemplateOutlet="actions"></div>
</mat-panel-title>
</mat-expansion-panel-header>
<div *ngIf="item != null">
<viewer-properties [viewerData]="item [viewerPropertiesTemplate] = "viewerPropertiesTemplate">
</viewer-properties>
</div>
</mat-expansion-panel>
</div>

```html for the properties panel
<div [ngSwitch]="viewerPropertiesTemplate">
<div *ngSwitchCase="'properties'">
<div *ngIf="viewerData.ecmContentType == eECM_ContentType.FILE" class="viewer-properties rtl">
<div class="row">
<div class="col-6">
<span class="title">שם קובץ: </span>
<span class="text">{{viewerData.name | removeSuffix }}</span>
</div>
<div class="col-6">
<span class="title">מזהה קובץ: </span>
<span class="text">{{viewerData.id}}</span>
</div>
</div>
<div class="row">
<div class="col-6">
<span class="title">זמן העלאת הקובץ למאגר: </span>
<span class="text">{{viewerData.creationDate | date : "d/M/yy HH:mm"}}</span>
</div>
<div class="col-6">
<span class="title">הקובץ נוצר ע"י: </span>
<span class="text">{{viewerData.creatorName.value}}</span>
</div>
</div>
<div class="row">
<div class="col-6">
<span class="title">סוג קובץ: </span>
<span class="text">{{viewerData.fileTypeStr }}</span>
</div>
</div>
<div class="row">
<actions-bar [item]="viewerData" [actionsBarType]="eActionsBar.ViewerProperties"></actions-bar>
</div>
</div>
</div>
</div>

```css 
.viewer-properties{
position: relative;
height: auto;
z-index: 1000;
padding: 1%;
pointer-events: all;
cursor: auto;
/*cursor: pointer;*/
}
```
`

Answer 1

解决了这个问题，通过使用angular material Platform cdk来区分基于Trident的浏览器，并且在IE中下载文件而不是在页面中打开它们。