Question

我正在尝试覆盖html音频标签，但是即使我将z-index设置为音频播放器始终位于顶部，我也找不到解决方法，有没有办法覆盖它？< / p>

#overlay {
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

 <td class="overlay" onclick="alert('test');">
 <a > 
  <audio controls id="audio" preload="all" autoplay > 
  </audio> 
 </a>
</td>

Answer 1

您有几个错误，我做了一个片段，纠正了错误。

但是，最重要的是，如果在最后将yopu设置为绝对位置，则将音频包装在表中是毫无意义的，看来您的方法毫无用处。

td {
  border: solid 1px blue;
}

table {
  border-collapse: collapse;
}

<table>
  <tr>
    <td>first</td>
    <td class="overlay" onclick="alert('test');">
      <a>
        <audio controls id="audio" preload="all" autoplay> 
  </audio>
      </a>
    </td>
    <td>last</td>
  </tr>
</table>

如何在td标签内叠加音频标签

1 个答案: