Question

我将<audio>标记插入到使用标题作为表标题的表中。在大多数浏览器中，标题显示在表格的顶部，但在Safari中它显示在表格的底部。

在Mac OS“el Capitan”上测试Safari 11。

注意：

标题仅在使用<audio>标记时更改为底部（没有<audio>标记，标题显示在顶部）
音频播放正常。

这是HTML的一部分：

<table>
  <caption class="paragraphheader">
    Ordinal Numbers 0 to 9
  </caption>
  <tr>
    <th scope="col">Number</th>
    <th scope="col">Name</th>
    <th scope="col">Pronunciation</th>
  </tr>
  <tr>
    <td>0<sup>th</sup> *</td>
    <td>Zeroth <br /></td>
    <td>&quot;<span class="textblue">z</span> 
      <span class="textblue">ie</span>
      <span class="textblue">r</span>
      <span class="textorange">o</span>
    <span class="textblue">th</span>&quot;<br />
           <audio controls controlsList="nodownload" preload="auto" style="width:66px">

与表有关的css：

table {
border-width: 1px;
border-style: ridge;
margin-left: inherit;
padding: 2px;
width: 98%;
float: right;
caption-side: top;}
td {
border-width: 1px;
border-style: inset;
padding:2px
}
th {
border-width: 1px;
border-style: inset;
}`

这是网站（我还在努力，所以可能会改变） http://www.simpleenglish.info/numbers-ordinal.html

这让我疯了！有什么建议吗？

音频标签在safari的表中

0 个答案: