primeng overlay panel appendTo =“body”alternative css

Question

我有一个来自primeng的叠加面板，我正在使用appendTo="body"，它在Chrome中运行良好，但在Internet Explorer 11中不起作用。当我在IE中单击它时，面板不会出现，如果我删除appendTo="body"，它在Internet Explorer中工作正常，但面板在页面中间关闭。有解决方法吗？

<button (click)="tagSelect.toggle($event)">Click</button>
<p-overlayPanel #tagSelect [dismissable]="true" appendTo="body" [showCloseIcon]="true">
       some content
 </p-overlayPanel>

.ui-overlaypanel的css

      display: block;
      z-index: 1019;
      top: 110.862px;
      left: 213.2px;
      opacity: 1;

Answer 1

我遇到的问题是按钮中的内联样式导致了问题，现在我使用appendTo="body"并且它在Chrome和IE中运行良好。

<button style="float: right; position: relative; margin: 15px;">Click</button>

更改为：

<button>Click</button>