html - 由于某种晦涩的原因，我的图像没有显示在我的反应应用程序中，但在其他任何地方都可以使用

Question

我正在尝试将图片显示为页面的背景，并且我正在使用样式化组件

这是代码

const BG = styled.div`
background-image: url("p3.gif");
height: 100%; 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
`

function PageOne() {
    return (
        <>
                <BG></BG>
        </>
    )
}

我在这里看到了完全相同的结果： https ://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_full_page

但由于某种原因，它似乎在这个反应应用程序中不起作用？有任何想法吗 ？

标签： htmlcssreactjsstyled-components