CSS背景图片无法显示，如何修改代码实现网页body背景设置？

你的核心问题是选择器错误——你写的是给.navigation类元素设置背景图，但实际要给body标签设置，同时还有属性搭配的小问题，具体修改如下：

1. 修正目标选择器 #

把样式选择器从.navigation改成body，让样式作用到网页的body标签上：

body {
  background-image: url('Images/Logo.png');
  background-repeat: no-repeat;
  background-size: cover; 
  background-attachment: fixed;
  min-height: 100vh;
}

2. 调整冲突属性 #

background-size: cover会让图片按比例缩放覆盖整个容器，此时background-repeat: repeat完全多余，甚至可能导致显示异常，建议改成no-repeat。

3. 确保body高度足够 #

如果网页内容过少，body的高度可能小于浏览器视口高度，背景图会因容器高度不足而无法完整显示。添加min-height: 100vh可以强制body至少占满整个视口高度。

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