css - reactJS SCSS 背景图像不可见

Question

我正在研究 React，我想使用公共(public)文件夹中的本地镜像作为背景，并将透明色用作 div 容器。问题是这张图片根本不显示

我的方法使用来自互联网的不同图像(以 https 开头)我也试着把它放在 CSS 中，但还是一样

这是来自本地镜像的背景代码(不可见)背景图片:url("/public/images/background.jpg");

也试过了

背景:#eaeaea urlurl("/public/images/background.jpg");

这是来自网络的后台代码(可见)
背景:#eaeaea url("https://mdbootstrap.com/img/Photos/Horizo​​ntal/Nature/full page/img(20).jpg");

**我认为我的问题应该是这个 methude url('/path/path/img.jpe) **

// Import Bootstrap and its default variables
@import '~bootstrap/scss/bootstrap.scss';

.btn{
    color: red;
}

.background {
    background: #eaeaea url("/public/images/background.jpg");
        background-size: cover;
    background-position: 50% 50%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }```

Answer 1

请这样尝试:

background: url('/./images/background.jpg');

也许它会正常工作。