将css添加到h3后HTML按钮不起作用答案

【问题标题】：HTML button not working after adding css to a h3将css添加到h3后HTML按钮不起作用
【发布时间】：2016-08-24 03:59:53
【问题描述】：

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

【问题讨论】：

标签： html css button styling abc

【解决方案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 代码中删除转换属性

.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;
}

【讨论】：

谢谢。第二步修复了它，但我都做了。

【解决方案2】：

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

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

【讨论】：