我只是為我正在電子中製作的遊戲客戶(hù)端編寫(xiě)一個(gè)「退出」按鈕，在編寫(xiě)該按鈕的程式碼後，它旁邊會(huì)顯示一個(gè)巨大的白色條。我還想知道如何使用 translateX(percentage) 將其向上移動(dòng)到頁(yè)面的頂部中間，但無(wú)法弄清楚。 =
.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>
1
0
0
我認(rèn)為發(fā)生這種情況是因?yàn)槟恼臉?biāo)記具有白色背景顏色，請(qǐng)嘗試使用頁(yè)面的背景顏色來(lái)更改它，或者您也可以執(zhí)行以下操作：
.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 */
}
這本質(zhì)上將為您的按鈕提供絕對(duì)位置，並使您能夠?qū)⑵浞胖迷谀胍娜魏挝恢?。如果與某些元素重疊，請(qǐng)使用 z-index。
