css让背景图片完全填充

在CSS中，如果你想让背景图片完全填充其容器，你可以使用以下几种方法：

1. **background-size: cover;**: 这是最常用的方法，它会自动调整图片的尺寸，使其完全覆盖容器，并保持纵横比，可能会裁剪图片的部分内容。

   .container {
     background-image: url('your-image.jpg');
     background-size: cover;
     background-position: center;
   }

2. **background-size: contain;**: 如果你想保留图片的原始比例，只填充到容器的最大大小，可以使用这种方法。

   .container {
     background-image: url('your-image.jpg');
     background-size: contain;
   }

3. **position: fixed 或 relative;** 结合 `background-size: cover` 和 `background-position: center`, 如果背景是一个固定大小的元素需要铺满全屏，也可以这么做：

   .fixed-container {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: url('your-image.jpg');
     background-size: cover;
     background-position: center;
   }

4. 使用 CSS Grid 或 Flexbox 创建响应式布局，配合 `background-size: cover` 也能保证图片适配容器变化。

记得将 `'your-image.jpg'` 替换为你实际的图片路径。如果你有其他疑问关于如何应用，请随时提问。