1

我有一个jsp页面，页面顶部有一个菜单栏，页面底部有一个表格。<ul>菜单栏使用包含项目列表的菜单项 ( ) 展开。底部的表格有一个像这样的标题行：

<td style='text-align:center; position:relative;  vertical-align:middle;'>
                <span style="position:absolute;top:0;right:0;">
                    <a href="javascript:columnUIAction(<%=columnCounter++%>, false);" tabindex="80"><img title="Close" alt="Close Column" src='<%=servernamepath%><%=closeButtonPath %>' /></a>
                </span><span style="width:100%;clear:both;"></span>
                <b><a title="Sort" href="javascript: setSortableFieldAndSubmit('field1');" tabindex="80">Field1</a></b>
            </td>

我现在面临的问题是，如果菜单中的项目列表足够大，以至于项目列表向下并到达表格的标题行（或通过标题行），它将是隐藏在它后面；标题列出现在菜单列表中项目的前面。我认为将 z-index 添加到标题行可以解决问题，但这没有用。CSS部分有什么我遗漏的吗？

4

1 回答 1

3

您对该属性有正确的想法z-index，但应该为您的标题行和底部表格设置它，否则我认为它不会正常工作。

我用两张表对您的示例的一部分进行了摆弄，当您将鼠标悬停在它上面时，一个会变大并显示在另一个上方。

您可能也对这篇文章感兴趣，它很好地解释了它是如何工作的。

于 2013-05-01T17:46:44.823 回答