从Tab Navigation跳过DIV

Question

我的HTML代码如下所述。它在IE和Chrome上运行良好 浏览器。但是在Mozilla中，当焦点发生在具有class =“”mejs的DIV上时 按钮mejs-volume-button mejs-mute“它选择不需要的宽度。

是否可能在Tab上按下焦点仅发生在Anchor元素和 我们可以跳过主外DIV。我试过使用Tabindex =“ - 1”。但是之后 焦点不会反映锚元素。仅在最新的Mozilla中发生。 该问题与HTML5视频插件有关。我使用过'mediaelementplayer-min.js'。

 <div class="mejs-button mejs-volume-button mejs-mute">

    <button type="button" aria-controls="mep_0" title="Mute" 
    aria-label="Mute"></button>
    <a tabindex="0" role="slider" aria-valuetext="10%" aria-valuenow="10" aria-valuemax="100" aria-valuemin="0" aria-label="volumeSlider" style="display: none;" href="javascript:void(0);" class="mejs-volume-slider">

    <span class="mejs-offscreen">Use Up/Down Arrow keys to increase or 
   decrease volume.</span>
    <div class="mejs-volume-total"></div>
    <div style="height: 10.3833px; top: 97.6167px;"class="mejs-volumme-current"></div>
    <div style="top: 95px;" class="mejs-volume-handle"></div></a>
    </div>