Bootstrap的类表悬停会导致问题。有人可以帮助我解决问题吗?

时间:2019-03-29 06:30:17

标签: html css angular bootstrap-4

我的网站上有一个浮动的重新加载按钮。我也有一个包含引导程序类的表,即表悬停。现在,当我将鼠标悬停在一行上时,表格悬停会突出显示该特定行(请参见第一张图片),但它也会与浮动重载按钮(请参见第二张图片)重叠。

图片1: Image 1:

图片2: Image 2:

我的浮动按钮CSS:

.reload_button {
  position: fixed;
  bottom: 50px;
  right: 50px;
  background-color: black;
  color: white;
  border-radius: 50%;
  padding: 10px;
}

我需要做什么更改?

1 个答案:

答案 0 :(得分:2)

在浮动刷新按钮上使用z-index:z-index: 1000; // more or less depending on other element