Question

我正在尝试在超大屏幕底部附近设置一个按钮，以链接到页面中的特定部分。但是，该按钮甚至不会单击。当我将鼠标悬停在它上面时，它甚至什么也不会显示。如果我将按钮放置在超大屏幕外，则可以正常工作。我如何使它在超大型加速器中工作？该按钮是用自举程序和巨型放大器制成的。我在覆盖层本身和超大屏幕上都有z-index。不确定是否重要。

  <div class ="jumbotron jumbotron-fluid" id ="jumbo">
    <div class ="container" id ="jumbo-overlay">
      <h1 id ="jumbohead"></h1>
      <div id ="viewButt">
          <a class="btn btn-lg btn-outline-secondary" href="#aboutme" id ="viewworkButt"></a>
      </div>
    </div>
  </div>



#viewButt {

    padding-top: 300px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;


}

#viewworkButt a:hover {

    background-color: yellowgreen;

}

Answer 1

通过使用#viewworkButt a:hover，您尝试选择一个位于{strong>内部 ID为a的元素中的viewworkButt。

正确的CSS是：

a#viewworkButt:hover {
    background-color: yellowgreen;
}

所以现在意味着：a作为ID的viewworkButt。希望对您有所帮助。

为什么链接到同一页面中某个部分的按钮无法在我的巨型机中使用？它在超大加速器之外工作

1 个答案: