css background-image高度自适应

CSS中的background-image属性是用于设置元素的背景图像。然而，background-image属性本身并不能直接控制图像的高度自适应。要实现背景图像的高度自适应，可以使用一些其他的CSS技巧。

一种常见的方法是使用background-size属性来控制背景图像的尺寸。通过将background-size设置为"cover"，背景图像将会被缩放以填充整个元素，并保持其宽高比例。这样可以确保图像在不改变其宽高比例的情况下适应元素的大小。

另一种方法是使用background-position属性来控制背景图像在元素中的位置。通过将background-position设置为"center"，背景图像将会在元素中居中显示。这样可以确保图像在元素中垂直居中，从而实现高度自适应的效果。

下面是一个示例代码，演示如何实现背景图像的高度自适应：

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