Question

我的问题是当我的浏览器调整大小时，页脚和我的选择框足够接近页脚列表被页脚覆盖。我希望下拉列表在我的页脚中溢出，如果他们接近了。

onmousdown和onchange的目的是限制下拉列表显示，如果单击。

onmousedown="if(this.options.length>7){this.size=7;}"  onchange='this.size=0;' onblur="this.size=0;"

当前输出：http://jsfiddle.net/GZSH6/43/

页脚：

<nav class="navbar navbar-default navbar-fixed-bottom myFooter" role="navigation">
        <div class="container">
            <p class="navbar-text pull-left">My Fixed Footer</p>
        </div>
</nav>

的CSS：

.myFooter { overflow: hidden;}

Answer 1

溢出？你的意思是重叠吗？

添加了z-index，请参阅 jsFiddle 。

.myFooter { z-index: 1; }
.dateWrap { z-index: 2; }

Answer 2

您可以使用z-index属性手动重新排列元素的顺序。

我使用z-index属性编辑了你的jsfiddle，页脚的值为0，下拉列表的值为1。

请参阅http://jsfiddle.net/GZSH6/43/

如何用我的下拉列表溢出我的固定页脚

2 个答案: