需要将背景图片设置为div的尺寸,并使用background-size: cover来将其缩放以完全覆盖整个div。以下是代码示例:
HTML:
CSS:
.bg-image {
background-image: url(path/to/image.jpg);
background-size: cover;
width: 100%;
height: 100vh; /* 或具体像素值 */
}
这里我们将div的宽度设置为100%,高度设置为100vh,以便填满整个屏幕。同时,将背景图设置为div的背景图片,并使用background-size: cover来缩放图片以填满整个div。这样就能确保背景图完全覆盖整个div,而不会溢出。