The background image on my nginx website isn't loading-CodePudding

Issue:

I made a new page on my website and tried to set the background for it. It works just fine when I open the HTML file locally, but when I upload it to my website and try to view it, it comes up as a white screen. I don't think that it is a permissions issue as other images on the page as well as other pages work just fine. I found a suggestion on another form that the file name may have the wrong extension, but changing it from .jpg to .png didn't fix it.

Code:

.headerModels{
    min-height: 100vh;
    width: 100%;
    background-image: url(images/Render1.png);
    background-position: center;
    background-size: cover;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet", href="style.css">
    <link rel="shortcut icon" href="images/Logo.png">
    <title>BPK Developement - 3D Models</title>
</head>
<body>
    <section >
        <nav>
            <a href="https://bloodypk.com/"><img src="images/Logo.png"></a>
            <div >
                <ul>
                    <li><a href="https://bloodypk.com/">Home</a></li>
                    <li><a href="youtube">YouTube</a></li>
                    <li><a href="games">Games</a></li>
                    <li><a href="3dmodels">3D Models</a></li>
                    <li><a href="otherprojects">Other Projects</a></li>
                </ul>
            </div>
        </nav>
    </section>
</body>
</html>

CodePudding user response：

I have no clue what happened, but I just restarted the server completely and it fixed everything.

CodePudding user response：

i can't see any Problems. For me Render1.png is showing up on 3D Models.

Did you solve the Problem?