Как наложить аудио тег внутри тега td - PullRequest
Новая
       23

Как наложить аудио тег внутри тега td

0 голосов
/ 23 марта 2019

Я пытаюсь наложить звуковой тег html, но я не смог найти способ сделать это, даже если я установил z-index, аудиоплеер всегда остается наверху, есть ли способ наложить его? 

#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>

1 Ответ

0 голосов
/ 24 марта 2019

У вас есть несколько ошибок, я сделал фрагмент с исправленными ошибками.

Но, прежде всего, нет смысла переносить звук в таблицу, если в конце вы установили абсолютную позицию на нем.Кажется, твой подход как-то бесполезен. 

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