primeng 覆盖面板 appendTo="body" 替代 css答案

【问题标题】：primeng overlay panel appendTo="body" alternative cssprimeng 覆盖面板 appendTo="body" 替代 css
【发布时间】：2018-08-02 02:40:09
【问题描述】：

我有一个来自 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;

【问题讨论】：

标签： javascript css angular primeng

【解决方案1】：

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

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

改为：

<button>Click</button>

【讨论】：