简体   繁体   English

如何在ReactJS中使用JavaScript创建半透明的叠加层?

[英]How to create a translucent overlay using JavaScript in ReactJS?

In ReactJS project, I have an API request and once I make it, I would like to render a translucent overlay on the current webpage with Material UI's progress indicator ( http://www.material-ui.com/#/components/circular-progress )on top of the translucent overlay, and after I get a response back, would like for the translucent overlay with the progress indicator to go away. 在ReactJS项目中,我有一个API请求,一旦完成,我想用Material UI的进度指示器在当前网页上渲染一个半透明的覆盖层( http://www.material-ui.com/#/components/circular -progress ),然后返回响应后,希望带有进度指示器的半透明覆盖物消失。

How can I go about doing so? 我该怎么做呢? Any guidance or insight would be greatly appreciated. 任何指导或见解将不胜感激。 Thank you. 谢谢。

在React中,您可以使用backgroundColorRGBA css,例如

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在事件驱动的代码中使用Reactjs创建覆盖弹出窗口? - how to create an overlay popup with Reactjs in a event driven code? 如何创建全屏覆盖搜索栏 - reactjs - How to create full screen Overlay Search bar - reactjs 如何使用VAST VPAID创建Javascript视频叠加层? - How to create a Javascript video overlay with VAST VPAID? 如何使用javaScript在图像上叠加播放按钮 - How to overlay an play button on an image using javaScript 如何使用JavaScript滚动到叠加层中的元素顶部? - How to scroll to top of element in an overlay using JavaScript? 使用JavaScript使用透明图像创建可扩展的叠加层 - Use JavaScript to create an expandable overlay using a transparent image 如何使用 javascript(Reactjs) 作为前端和 node.js 作为后端创建依赖下拉列表 - How to create dependent dropdown list using javascript(Reactjs) as frontend and node.js as backend javascript / jquery - 如何创建正确的模态页面叠加层 - javascript / jquery - how to create a proper modal page overlay 如何在 CSS/JavaScript 中创建像 RPG 游戏中那样的旋转加载叠加层? - How to create a spinning loading overlay like in RPG game in CSS/JavaScript? javascript动态创建覆盖背景 - javascript dynamically create overlay background
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM