background-image 无效

当您在CSS中使用 background-image 属性但图像未显示时，可能是由以下几个原因造成的：

1. 路径问题：最常见的原因是图片的路径不正确。确保您的图片路径是相对于样式表（CSS文件）的相对路径，或者是绝对URL。例如，如果图片与CSS文件在同一目录下，应写为 background-image: url('image.jpg');。如果是子目录中的图片，则为 background-image: url('images/image.jpg');。如果是绝对路径，则应从域名开始，如 background-image: url('https://example.com/images/image.jpg');。

2. 图片格式或MIME类型问题：确保浏览器支持您使用的图片格式（通常为jpg、png、gif等），并且服务器正确配置了MIME类型。

3. 图片权限问题：确认图片文件的权限设置允许Web服务器访问。在某些服务器上，如果文件权限设置不当，可能会阻止浏览器加载资源。

4. CSS选择器错误：检查您应用 background-image 的选择器是否正确指向了预期的HTML元素。

5. 语法错误：确认CSS语法没有错误，比如少了分号或者括号未正确闭合。正确的语法示例是 background-image: url('path/to/image.jpg');。

6. 图片尺寸或重复属性问题：有时图片虽然被设置了，但由于尺寸问题（如图片太大或太小）或背景重复属性（如 background-repeat）设置不当，可能看似没有显示。检查这些相关的CSS属性。

7. 浏览器缓存问题：尝试清除浏览器缓存，有时候旧的CSS或图片文件会被缓存，导致更改不生效。

8. 网络问题：如果图片是在线资源，确保当前网络环境可以访问到该URL。

如果以上都检查过还是无效，可以尝试在浏览器的开发者工具中查看元素（Inspect Element），并检查计算的CSS（Computed tab）看是否有其他CSS规则覆盖了你的 background-image 设置，或者在Network tab中查看图片请求是否成功。