刪除 HTML 中的空白條
P粉680087550
P粉680087550 2024-02-17 17:38:30
0
1
456

我只是為我正在電子中製作的遊戲客戶端編寫一個「退出」按鈕,在編寫該按鈕的程式碼後,它旁邊會顯示一個巨大的白色條。我還想知道如何使用 translateX(percentage) 將其向上移動到頁面的頂部中間,但無法弄清楚。 =

.ExitButton {
  color: red;
  font-size: 25px;
  max-width: 55px;
  length: 30px;
  border-color: black;
  transition-duration: 0.4s;
  cursor: pointer;
  text-align: center;
}

.ExitButton:hover {
  background-color: black;
}

.Exitbutton {
  background-color: transparent;
}
<webview src="https://bapbap.gg"></webview>

<button class="ExitButton" onclick="alert('Are you sure you want to exit BapClient?')">Exit</button>
</button>

P粉680087550
P粉680087550

全部回覆(1)
P粉432906880

我認為發生這種情況是因為您的正文標記具有白色背景顏色,請嘗試使用頁面的背景顏色來更改它,或者您也可以執行以下操作:

.ExitButton {
/* ... */
position: absolute;
/* make the button 0 pixels away from bottom of the page */
bottom:0;
/* you can use top, left or right just like this way 
to put the button on anywhere on the page you want */
}

這本質上將為您的按鈕提供絕對位置,並使您能夠將其放置在您想要的任何位置。如果與某些元素重疊,請使用 z-index

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板