Question

我正在做反应，我想使用公共文件夹中的本地图像作为背景，透明颜色作为div容器。问题是此图片根本没有显示

我的方法处理来自互联网的其他图像（以https开头）我还尝试将其放入CSS中，但仍然是同一件事

这是本地图像的背景代码（不可见） background-image: url("/public/images/background.jpg");

也，尝试了

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

这是来自互联网的背景代码（可见） background: #eaeaea url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img(20).jpg");

**我认为这个方法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-image: url("/public/images/background.jpg");

Answer 2

请尝试这样：

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

也许可以正常工作。

Answer 3

你需要的是在你的项目中创建一个 .env 文件目录并插入此代码：SASS_PATH=node_modules:src 然后复制所有图像您想在 src 文件夹中使用。

background-image: url("/background.jpg");

reactJS SCSS背景图像不可见

3 个答案: