css - 使 React-Modal 不透明

Question

我在我的代码中使用 react-modal。请在下面找到它的风格，

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

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

我怎样才能做到这一点？

谢谢