electron 删除HTML中的白色条

fcy6dtqo  于 2022-12-16  发布在  Electron
关注(0)|答案(1)|浏览(164)

我正在为我用electron制作的游戏客户端编写一个“exit”按钮,在编写完按钮代码后,它旁边显示了一个巨大的白色条。我还想知道如何用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>
fnatzsnv

fnatzsnv1#

我假设这是因为你的body标签有白色背景色,试着用页面的背景色来改变它,或者你也可以这样做:

.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

相关问题