.login-page-background { /* 替换为你保存的webp图片路径 */ background-image: url('/path/to/your/background.webp'); /* 核心设置：确保覆盖全屏，不重复，居中显示 */ background-size: cover; background-repeat: no-repeat; background-position: center center; /* 可选：叠加一层极淡的黑色遮罩，让前景的登录框更突出 */ /* background-blend-mode: overlay; */ /* background-color: rgba(0, 0, 0, 0.2); */ /* 确保占满整个视口高度 */ height: 100vh; width: 100%; /* 设置为固定背景，滚动时背景不动，更有高级感 */ background-attachment: fixed; }