如何在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

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

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