如何通过URL在CSS文件中添加背景图片？属性失效无报错排查

你代码里犯了一个常见的拼写错误：CSS里设置背景图片的属性是background-image，不是background-img。浏览器遇到无效的CSS属性会直接忽略，所以控制台不会报错，但背景图片自然不会生效。

修正后的写法示例： #

body {
  background-image: url("images/bg.jpg");
  /* 可以补充这些属性让图片显示更正常 */
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh; /* 确保元素有足够高度承载背景 */
}

额外排查方向： #

• 图片路径是否正确：如果用相对路径，要以CSS文件的位置为基准，不是HTML文件。比如CSS在css/文件夹，图片在images/文件夹，路径要写../images/bg.jpg
• 目标元素有没有足够尺寸：如果元素高度为0或者没有内容，背景图片也显示不出来，给元素加个min-height或者固定宽高试试
• 有没有其他样式覆盖：检查是不是有优先级更高的选择器或者后续的CSS规则把这个背景设置覆盖了

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