本地HTML网站打开显示空白，常规排查无果求助

问题根源 #

你的CSS代码存在两处语法错误，导致浏览器无法正确解析背景样式，最终页面显示空白：

1. urL拼写错误，CSS中背景图片函数应为小写的url
2. 错误将背景图片URL作为linear-gradient的参数，正确写法是用逗号分隔渐变效果和背景图片

修正后的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;
}

补充验证 #

修正后若背景图仍不显示：

• 确认siteimages/banner.png文件存在，且文件名大小写与代码一致（部分操作系统区分大小写）
• 可临时替换为图片绝对路径测试，比如url("file:///你的项目绝对路径/siteimages/banner.png")

内容的提问来源于stack exchange，提问作者Lefa Mofokeng