时间戳

首页 > 解决方案 > html 和 css - 背景图像由于某种原因无法正常工作

html - html 和 css - 背景图像由于某种原因无法正常工作

问题描述

HTML：

    <section class="headers">
        <nav>
            <div class="nav-links" id="navLinks">
                <i class="fa fa-times" onclick="HideMenu()"></i>
                <ul>
                    <li><a href="personal.html">HOME</a></li>
                    <li><a href="about2.html">ABOUT</a></li>
                    <li><a href="gallery2.html">GALLERY</a></li>
                    <li><a href="index.html">BACK</a></li>
                </ul>
            </div>
            <i class="fa fa-bars" onclick="ShowMenu()"></i>
        </nav>
        <div class="text-box">
            <h1>MEDIA STUDIES</h1>
            <p>A LEVEL
            </p>
            <a href="" class="hero-btn">ONENOTE</a>
        </div>
    </section>

CSS：

.headers{
    min-height: 100vh;
    width: 100%;
    background-image: url(images/nlights.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}

就像我将图像放在正确的文件夹中一样，我得到的只是一个白屏/没有背景。有没有什么办法解决这一问题？ 不显示背景图片

标签： htmlcss

解决方案

感谢所有试图帮助我解决这个问题的人！！！

我所要做的就是清除我的缓存和cookie，它可以工作

！！！

推荐阅读