Question

需要将标签保留在页面上 - 始终位于页面的正面。如果你单击一个，两个就可以了，但是当你点击三个页面时，滚动就会出现在选项卡上方。我怎样才能保留前面的标签？

这是我的jsfiddle链接 http://jsfiddle.net/97tbk/737/

这是代码

<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>One</span></a></li>
        <li><a href="#fragment-2"><span>Two</span></a></li>
        <li><a href="#fullpage"><span>Three</span></a></li>
    </ul>

    <div id="fragment-1">
        <p>First tab is active by default:</p>
        <pre><code>$( "#tabs" ).tabs(); </code></pre>
    </div>

    <div id="fragment-2">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    </div>

    <div id="fullpage">
        <div class="section">One</div>
        <div class="section">
            <div class="slide">Two 1</div>
            <div class="slide">Two 2</div>
        </div>
        <div class="section">Three</div>
        <div class="section">Four</div>
    </div>
</div>

Answer 1

您需要在无序列表中添加z-index。试试这个：

ul {
    z-index: 9999;
    position: relative;
}

我现在无法测试这个片段，但我很确定它有效。

Answer 2

您可以使用＆＃34; z-index＆＃34;这个属性。你必须始终使用＆＃34; position：relative＆＃34;或者它不会工作。

#tabs ul {
    position: relative;
    z-index: 99;
}

这是小提琴：http://jsfiddle.net/97tbk/740/

需要将标签保留在页面上 - 始终位于页面的正面

2 个答案: