是否可以使 react-modal 透明？

Question

所以我在我的项目中添加了模态。现在我通过安装一个名为 react-modal 的包来添加它。

一切都很好，我就是不能让它透明。

当用户进入单个文章页面时，如果他愿意，可以单击按钮打开带有表单的模式。现在我想让表单框居中，其他所有内容都是透明的（以便用户可以看到背景）。

现在 react-modal 使用 customStyles，我尝试将 backgroundColor: 'rgba(0, 0, 0, 0.5)' 和其他一些 backgroundColor 添加到其中，但没有任何效果。我也试过将 transparent={true} 添加到 <Modal /> 中，但这不起作用。

这里我使用模态：

import Modal from 'react-modal';

Modal.setAppElement('#root');

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

<Modal
  isOpen={isOpen}
  onRequestClose={toogleModal}
  style={customStyles}
  transparent={true}
  contentLabel='Forma'
>

这是模态打开时的图片：

只是说你需要先注册，如果你有账户，它会打开一个表格。

那么有没有可能让它变得透明呢？我只想保留这个带有轮廓的框，以及所有白色的部分，使其透明，以便用户可以看到背景页面。

谢谢！

Answer 1

在我看来，样式是由您之前设置的其他东西（或来自其他样式库）完成的。你能post更多的代码内容：“请先注册”的代码吗？您也可以尝试不透明度：'50%'（或您想要的任何百分比）。

是否可以使 react-modal 透明？

Is it possible to make react-modal transparent?

javascript

reactjs

react-modal