Реагировать не загружая фоновое изображение

hcphoon спросил: 11 марта 2019 в 07:37 в: reactjs

Я пытаюсь получить полноэкранное фоновое изображение для загрузки на целевой странице, но не могу загрузить изображение при ссылке на него в CSS

Я могу ссылаться на него из моего Реагируйте на компонент с помощью <img src={require('../assets/img/header.jpg')} />, и он загружается правильно, но если я загружаю его в файл CSS, он не работает

Мой файл CSS выглядит следующим образом

body, html {
    overflow-y: hidden;
    height: 100%;
}.bg {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../img/header.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}}

и мой компонент реагирования

import React, { Component } from 'react';
import '../assets/css/landing.css'class Landing extends Component {
    render() {
        return (
            <div className="bg">
                <div className="center">
                    <a href="index.html" className="button is-info is-rounded is-centered is-medium">Get Started</a>
                </div>
            </div>
        );
    }
}export default Landing;

Все, что отображается, это кнопка начала работы, а не изображение


0 ответов