Не отображается фоновое изображение background-image

Question

Не отображается фоновое изображение. Все возможные варианты написания 'img/intro-bg.jpg' были испробованы с добавлением обратных слешей, точек и кавычек. Файл изображения лежит в папке img, которая в свою очередь находится в директории с css-файлом.

index.html

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=Raleway:wght@400;600;700&display=swap" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>ActiveBox</title>
    </head>

<body> 
<header class="header">
    <div class="container">
        <div class="header__inner">
            <div class="header__logo">
                <img src="img/ActiveBoxLogo.png" alt="">
            </div>
            <nav class="nav">
                <a class="nav__link" href="#">Features</a>   
                <a class="nav__link" href="#">Works</a>   
                <a class="nav__link" href="#">Our Team</a>   
                <a class="nav__link" href="#">Testimonials</a>
                <a class="nav__link" href="#">Downloads</a>
            </nav>
        </div>
    </div>
</header>
    
<div class="intro">
    
</div>
    
</body>
</html>

Часть кода в файле style.css

.intro {
    height: 750px;
    background-image: url('img/intro-bg.jpg') center no-repeat;
    background-size: cover;
}

Answer 1

.intro {
    height: 750px;
    background-image: url("img/intro-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

Answer 2

background-image: url('img/intro-bg.jpg') center (center/cover) no-repeat

БЛОГ НА HUSL

Не отображается фоновое изображение background-image

Ответы (2 шт):