Question

嵌入式框架下拉菜单超出框架窗口范围部分内容被另一页面覆盖。如何用css将这超出部分显示在最高层？

如何用css将这超出部分显示在最高层？超出的部分是放在“ul”、“li”里面的内容。框架结构为顶层和左侧的嵌套框架。下面是该部分代码：
<div id="links">
<ul>
<li style="margin:0px"><a href="#">学院概况</a>
<ul>
<li><a href="#" class="s1">学院简介</a></li>
<li><a href="#" class="s1">办学理念</a></li>
<li><a href="#" class="s1">现任领导</a></li>
<li><a href="#" class="s1">机构设置</a></li>
<li><a href="#" class="s1">学校沿革</a></li>
</ul>
</li>
</ul>
</div>

Answer 1

布局的时候一般是二维空间，有的控件有特殊情况(比如select)会涉及到第三维也就是高度（垂直于x轴和y轴）
设置高度值就可以了（z-index:100;//数字越大就越高）
//select控件有点特殊，一般控件或者div设置z-index也不能在select上面。（需要用其他办法解决）

追问

z-index试过了，好像也不行。z-index是不是只是作用于同一个页面？框架里同时包含3个页面啊。分别是topFrame、leftFrame、mainFrame。

追答

嗯 对 ，你这个被挡住了其实跟下面的mainFrame没有关系是因为你上面的topFrame的高度限制了所以才显示不了的

追问

哦，很有道理。不过，打算在topFrame放导航栏的，topFrame的高度增加了，topFrame与mainFrame会留空一块。采用框架前提下有没有更佳的方法？谢谢。

（回复后采纳你的答案）

追答

这个真不知道，既然你都预留leftFrame那你直接点击topFrame导航栏后切换leftFrame的二级导航就可以了啊，或者你把topFrame中竖着的二级导航改成横着的就好了啊