javascript - primeng 覆盖面板 appendTo ="body"替代 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>