我有一個頁面需要有一個圖形作為背景。但是，在某些情況下，我想要在該背景上放置一些文本以及背景（圖形上的淺灰色但透明的覆蓋物）。就目前情況而言，我設法獲得了我想要的文本，但無法獲得背景。這是我的一個示例應用程序，展示了它的工作原理。基本上我想要的只是圖像上的透明背景。const App = () => {  return (    <div>            <figure style={{                position: 'fixed',                top: 0,                left: 0,                backgroundImage: `url(https://placekitten.com/1000/1000)`,                backgroundSize: 'fit',                backgroundPosition: 'top',                width: '100%',                height: '100%',                margin: 0            }}></figure>      <div style={{  width: '100%', width: 'height%', backgroundColor: 'red'}}>        <div style={{            position: 'absolute',                      top: '50%',                      left: '50%',                      transform: 'translate(-50%, -50%)',                      width: '412px',            color: 'white'          }}>            <h1>Div content</h1>            <p>Would like to add a backdrop over the parent div</p>            <p>Make the background a light gray over the image</p>            <p>As it stands, any background related color I put on this div does not work. (see the backgroundColor set to red on one of the parent divs</p>        </div>      </div>    </div>  )}ReactDOM.render(    <App />,    document.getElementById('app'));<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script><div id="app"></div>