求助：HTML文件背景图片无法全屏显示，仅呈现于小区域

你的问题出在CSS写法错误，且缺少必要的背景属性配置，导致图片仅显示在小区域。先梳理现有代码的问题：

1. 重复定义body选择器，且background属性的图片引入格式错误，正确写法需用url()包裹图片地址
2. 未设置背景图的平铺、尺寸规则，也没让body占满整个视口高度

修改后的完整CSS代码如下：

body{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: blanchedalmond;
    min-height: 100vh; /* 让body至少占满视口高度 */
    background-image: url('https://th.bing.com/th/id/R.1f7d6c5c6cf7c6ee0a1c2168216394d2?rik=zTHGuOo31kdBNA&riu=http%3a%2f%2fgetwallpapers.com%2fwallpaper%2ffull%2fd%2fc%2fd%2f1241579-heavy-metal-wallpapers-hd-1920x1080-lockscreen.jpg&ehk=HWiLpk9ZFyCp%2bUhVMGRTxZ3d0IgkjYxJkoZcVTOMhSI%3d&risl=&pid=ImgRaw&r=0');
    background-size: cover; /* 图片按比例缩放，完全覆盖容器 */
    background-position: center; /* 图片居中显示，避免裁剪关键区域 */
    background-repeat: no-repeat; /* 禁止图片重复平铺 */
}

关键属性作用：

• min-height: 100vh：确保body高度至少等于浏览器视口高度，避免内容不足时背景图只显示部分区域
• background-size: cover：让背景图自适应容器尺寸，保持比例的同时完全覆盖，超出部分自动裁剪
• background-position: center：保证图片在容器中居中对齐，提升视觉效果

另外，<body background="">是HTML旧属性，现在推荐用CSS控制背景，兼容性和灵活性更强。

内容的提问来源于stack exchange，提问作者Nick Dalkidis