背景图像被裁剪。无法设置height=100%

背景图像被裁剪是指在网页或应用程序中，背景图像无法根据设置的高度自动调整大小，而是被裁剪或截断，导致无法完整显示。

这种情况通常发生在使用CSS样式属性设置背景图像时，将高度设置为百分比（例如height=100%）时。由于背景图像的高度无法自适应容器的高度，因此图像会被裁剪，只显示部分内容。

解决这个问题的方法有几种：

1. 使用background-size属性：可以通过设置background-size属性为cover或contain来调整背景图像的大小。cover会拉伸图像以填充容器，并保持图像的纵横比例，可能会导致部分图像被裁剪。contain会缩放图像以适应容器，保持图像完整，但可能会在容器内留有空白区域。
2. 使用background-position属性：可以通过设置background-position属性来调整背景图像在容器中的位置。通过设置background-position为center可以使背景图像在容器中居中显示，避免被裁剪。
3. 使用CSS3的background属性：可以使用CSS3的background属性来设置背景图像，并结合background-size和background-position属性来调整图像的大小和位置。例如： background: url('image.jpg') center/cover;

推荐的腾讯云相关产品：腾讯云对象存储（COS）

• 概念：腾讯云对象存储（COS）是一种海量、安全、低成本、高可靠的云存储服务，适用于存储和处理大规模非结构化数据，如图片、音视频、文档等。
• 分类：云存储服务
• 优势：高可靠性、低成本、强大的数据处理能力、灵活的权限管理、全球加速、安全可靠。
• 应用场景：网站图片、音视频存储、大规模数据备份与归档、云端数据处理等。
• 产品介绍链接地址：https://cloud.tencent.com/product/cos

通过使用腾讯云对象存储（COS），您可以将背景图像上传到COS存储桶中，并使用COS提供的URL来设置背景图像，从而避免背景图像被裁剪的问题。