javascript - 在 PrimeNG 中扩展多个面板时如何修复损坏？

Question

我正在处理多个面板，我添加了功能来展开/折叠它们。我的问题是，当我展开它们时，我在所有面板上看到了一个丑陋的损坏文本。有谁知道如何解决这个问题？这是我的工作代码: PLUNKER

 <p-panel header="Panel 1" [toggleable]="true" [collapsed]="collapsed" [style]="{'margin-bottom':'20px'}">

 The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family,
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.

</p-panel> 

Answer 1

嘿，你不太熟悉 Angular ，也不熟悉你在那里使用的库。但是你可以通过设置位置属性来避免与某些背景重叠的部分。

.ui-panel {
  position: relative;
}
.ui-panel .ui-panel-content.ui-widget-content { 
     background: white;
}