如何在 ReactJS 中使用 JavaScript 创建半透明覆盖？答案

【问题标题】：How to create a translucent overlay using JavaScript in ReactJS?如何在 ReactJS 中使用 JavaScript 创建半透明覆盖？
【发布时间】：2017-02-07 14:12:46
【问题描述】：

在 ReactJS 项目中，我有一个 API 请求，一旦我提出请求，我想在当前网页上渲染一个半透明覆盖层，并在半透明覆盖层之上使用 Material UI 的进度指示器 (http://www.material-ui.com/#/components/circular-progress)，之后我得到回复，希望带有进度指示器的半透明覆盖消失。

我该怎么做呢？任何指导或见解将不胜感激。谢谢。

【问题讨论】：

你试过什么？这不是代码编写服务，但如果您遇到问题，我们很乐意帮助您进行调试

标签： javascript html css reactjs material-ui

【解决方案1】：

在 React 中，您可以使用 backgroundColor 和 RGBA css，例如

<div style={{backgroundColor: 'rgba(0,0,0,0)'}}> ... </div>

【讨论】：

是的，我明白了，但我怎样才能让它暂时覆盖整个页面？
就像你通常对 css 所做的那样