Question

我有一个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部分缺少的东西？

Answer 1

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

我使用两个表格制作了a fiddle部分示例，当您将鼠标悬停在另一个表格上时，其中一个变大，并显示在另一个上方。

您可能也会对this article非常感兴趣地解释它是如何运作的。

jsp表项隐藏在重叠表后面

1 个答案: