要解决背景遮挡登录表单无法输入ID和密码的问题，可以尝试以下代码示例：

HTML代码：

  

    用户名：
    
    密码：
    
    登录
  

CSS代码：

.container {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url("背景图片的URL");
  background-size: cover;
}

.login-form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
}

.login-form label, .login-form input, .login-form button {
  display: block;
  margin-bottom: 10px;
}

.login-form button {
  width: 100%;
  padding: 10px;
  background-color: #333;
  color: #fff;
  border: none;
  cursor: pointer;
}

.login-form button:hover {
  background-color: #555;
}

在上述代码中，我们使用一个容器元素 .container 来包裹登录表单，并设置了一个背景图片。然后，我们使用绝对定位将登录表单 .login-form 定位在容器的中心。通过设置透明背景色和间距，确保表单元素不会被背景图遮挡。

你可以根据需要调整样式和背景图的URL来适应你的需求。