Ng-bootstrap 'ngbPopover‘在父容器具有'transform’css属性时不会

Ng-bootstrap是一个基于Angular的开源UI组件库，提供了丰富的UI组件和功能。其中，'ngbPopover'是ng-bootstrap中的一个指令，用于在HTML元素上添加弹出框。

当父容器具有'transform' CSS属性时，'ngbPopover'指令可能不会正常工作。这是因为'transform'属性可以改变元素的布局和位置，导致弹出框的位置计算错误。

解决这个问题的方法是使用CSS的z-index属性来调整弹出框的层级，确保它位于父容器之上。可以通过在父容器上添加以下CSS样式来解决问题：

.parent-container {
  position: relative;
  z-index: 9999;
}

这样设置后，弹出框将位于父容器之上，不受'transform'属性的影响。

关于Ng-bootstrap的更多信息和使用示例，您可以访问腾讯云的官方文档：Ng-bootstrap官方文档。