通過這種方式 把圖片作為登錄頁背景 ，如何在圖片上面寫表單

要在圖片上面寫表單，可以使用CSS的position屬性來定位表單。具體步驟如下：

1. 在HTML中添加表單代碼，并設置表單的id，例如：

<form id="login-form">
  <!-- 表單元素 -->
</form>

2. 在CSS中設置背景圖片，并使用position屬性相對定位：

body {
  background-image: url("bg.jpg");
  background-size: cover;
}
#login-form {
  position: relative; /* 相對定位 */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 再上移50% */
  width: 300px;
  height: 200px;
  background-color: rgba(255, 255, 255, 0.7); /* 設置背景透明度 */
  border-radius: 5px;
  padding: 20px;
}

這樣，表單就會在圖片上居中顯示，并且有一個半透明的背景，不會被圖片覆蓋。根據需要，可以調整表單的樣式和位置。