html - 将css添加到h3后HTML按钮不起作用

Question

我希望我的 h3 与我的按钮对齐，所以我将它的位置设置为绝对位置和其他一些东西。如果你想查看问题，你可以去这里。我不知道还有什么可以用来描述这个问题的。哦，这个节目是黄飞鸿第 5 季。任何帮助将不胜感激。

Answer 1

在您的 html 代码中尝试这些更改

<form method="get">
  <h3 class="watching_what">
    <button class="change" style="float:left;" type="submit" name="episode_num" value="0">Previous</button>
        You Are Watching Episode 1          
    <button class="change" style="float:right;" type="submit" name="episode_num" value="2">Next</button>
  </h3>
</form>

并在您的 css 代码中删除 transform 属性

.watching_what 
{
  text-align: center;
  color: 003099;
  position: absolute;
  /* position: element(#target); */
  /* transform: translateY(-100%); */
  left: 0px;
  right: 0px;
  padding-top: 18pt;
  padding-bottom: 18pt;
}

Answer 2

请将位置和 z-index 添加到您的 css 文件中的 .change 类。我在浏览器中检查了它的工作。

.change{
position: relative;
z-index: 100;
}