.ReactModal__Body--open::after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 99; } 没办法变透明

如果你修改了 `react-modal` 模态框之外浅白色遮罩样式的 CSS，但没有生效，可能有以下几个原因：

1. 检查 CSS 是否被正确加载。你可以在浏览器开发者工具中查看 `body` 元素的样式，看看是否有 `.ReactModal__Body--open::after` 的样式被应用。如果没有，可能是 CSS 没有被正确加载，可以检查一下路径或引用方式是否正确。
2. 检查样式是否被覆盖。如果你在其他地方设置了相同的样式，可能会导致样式被覆盖。可以在浏览器开发者工具中查看样式的优先级，看看是否被其他样式覆盖。
3. 如果你在 `react-modal` 组件中使用了 `overlayClassName` 属性，它会覆盖默认的 `.ReactModal__Body--open` 类名。请检查一下你是否使用了 `overlayClassName` 属性，并且将样式应用到对应的类名上。

如果你确认以上几个问题都没有出现，但样式仍然没有生效，可以尝试在 `.ReactModal__Body--open::after` 中添加 `!important` 关键字，以提高样式的优先级：

.ReactModal__Body--open::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  z-index: 99;
}

希望这些解决方案可以帮助你解决问题。