electron 删除HTML中的白色条

fcy6dtqo 于 2022-12-16 发布在 Electron

关注(0)|答案(1)|浏览(173)

我正在为我用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>

electron

来源：https://stackoverflow.com/questions/73964601/removing-empty-white-bar-in-html

1条答案

按热度按时间

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。

赞(0）回复(0）举报 2022-12-16

我来回答

electron 删除HTML中的白色条

1条答案

相关问题

热门标签

最新问答