Css 使反应模态不透明

我在代码中使用了react模态。 请在下面找到它的风格

const customStyles = {
    content : {
      top                   : '37%',
      left                  : '50%',
      right                 : 'auto',
      bottom                : 'auto',
      marginRight           : '-50%',
      transform             : 'translate(-50%, -50%)',
      maxWidth              : '40%'
    }
  };

当我单击网格中的任意一行时，会弹出模态。但问题是，当我单击row时，row会高亮显示，并显示在modal的前面。 我不希望高亮显示的行或网格分散模态视图的注意力

我怎样才能做到这一点

---

谢谢

您确定模式是透明的吗？听起来像是zIndex的问题？我已经添加了有问题的图像，你们可以在图片中看到该行在模态上高亮显示。还有一些标题组件。对我来说，100%看起来像一个z索引问题。尝试撞击莫达利的z指数尝试z指数：1000，但你没有尝试过？