为何下述CSS代码中的background-image无法正常显示？

你的body背景图没能铺满整个页面，核心原因是body元素的默认高度仅由内部内容撑开——如果页面内容很少，body的高度就远小于浏览器视口高度，背景图自然只显示在内容区域，看起来像是没覆盖整个页面。

解决方法很简单，只需确保html和body元素能撑满整个视口：

• 给html和body设置最小高度为视口高度，同时清除默认边距避免空白：

html, body {
  min-height: 100vh;
  margin: 0;
}

• 可补充背景图的显示属性（默认已为重复平铺，显式声明更清晰）：

body{
  font-family:Georgia;
  background-image:url('https://content.codecademy.com/courses/learn-css-selectors-visual-rules/hypnotize_bg.png');
  background-repeat: repeat;
  background-position: center;
}

你提供的图片链接是有效的，所以无需担心资源访问问题，调整元素高度后就能实现背景图铺满页面的效果。

内容的提问来源于stack exchange，提问作者Sebastião Guimarães