css - 渐变未填充整个区域

Question

我想弄清楚如何调整我的 register.php 页面中的 css，以便渐变填充整个区域，就像在我的登录页面上一样。

http://www.kansasoutlawwrestling.com/kowmanager/register

http://www.kansasoutlawwrestling.com/kowmanager/login

Answer 1

如果您想为登录和注册表单使用相同的背景渐变图像，您可以修改您的 CSS 规则，将渐变定位在注册框的顶部，并应用背景颜色#E7E7E7，以便底部渐变渐变为纯色。像这样:

.register-style {
  background: #E7E7E7 url("../images/login.jpg") no-repeat scroll center top;
}

或者，您可以创建一个更高版本的渐变图像并在您的 .register-style 类中使用它。