ReactJS CSS backgroundImage在滚动调整窗口大小时在底部创建空白

我正在开发react网站的背景，我在上面的div组件中使用它，因为我只希望它是某些组件的背景，而不是整个网站的背景

问题是，当我滚动或重新调整窗口时，它会在图像下显示空白，而且我不能在css中使用图像，而只能使用内联样式，因为我想稍后将其存储在变量中

希望我能得到一些有用的反馈

render(){
    return (
      <div style={{ backgroundImage: `url(${background})`,height:"100vh",backgroundSize : "100% 100%",backgroundAttachment: "scroll", backgroundRepeat: "norepeat", backgroundPosition: "center center"}}>
          <div style={{paddingTop : '5%'}}>
        <Registration />
        </div>
         </div>

    );
    }

---

将此内嵌到样式对象中

"backgroundSize": "cover"

---

你试过背景尺寸：封面；而不是100%？当我滚动时，它仍然是底部附近的白色部分。当我滚动时，它仍然是底部附近的白色部分。