当我尝试显示我的 html 网站时,我的浏览器是空白的

问题描述 投票:0回答:0

嗯,除了 Chatgpt 之外,我没有寻求帮助的经验,所以请耐心等待。 通常我的 html 站点在浏览器中正确显示,但这个特定的站点不会。它只是空白。我已经尝试了 chatgpt 向我抛出的所有内容,但什么也没有发生。这很不寻常,因为我通常会解决问题,但这次我似乎无法弄清楚发生了什么。也许是因为我还是初学者。让我展示我的代码;

我的代码:

/*styles.css:*/
* {
    margin: 0;
    padding: 0;
}
.header {
    min-height: 100vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7), rgba(4,9,30,0.7), urL(siteimages/banner.png));
    background-position: center;
    background-size: cover;
    position: relative;
}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>World University</title>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <div class="header"></div>
    </body>
</html>

在更大的项目下还有一个图像文件夹“siteimages” 顺便说一下,这些文件和图像文件夹都在同一个更大的项目文件夹中 我正在尝试在本地打开网站

我检查过所有东西都在同一个目录中 我试过打开其他 html 文件,它们运行正常 我试过铬和边缘 开发人员工具中没有任何错误显示 我使用在线检查器校对了我的代码,没有发现任何问题 不知道还能尝试什么

请向我射击一切

html css google-chrome microsoft-edge
© www.soinside.com 2019 - 2024. All rights reserved.