css - 动画填充模式弄乱了工具提示

Question

我目前正在为我的反应项目使用react-tooltip，我遇到了一个问题，它是工具提示不能覆盖在其他容器（div）上，当其他容器有animation-fill-mode: forwardsCSS 规则时会发生这种情况，我试图更改 z-index 属性以解决问题，但它没有工作，这是它目前的样子：

这就是它的样子：

它下面的 div 不允许它显示在它上面，它具有以下 CSS 类：

.slideIn {
      opacity: 0;
        
      @keyframes slideInAnimation {
          from {
              opacity: 0;
              transform: scale(0.8);
          }
          to {
              opacity: 1;
              transform: scale(1);
          }
      }
      animation-name: slideInAnimation;
      animation-duration: 0.5s;
      animation-timing-function: ease-out;
      animation-fill-mode: forwards;
    }

这个问题可以通过删除animation-fill-mode: forwards规则来解决，但我需要它，因为这是一个入门动画，所以有没有其他选择？