Question

在我的页面中我有一张桌子。在桌子的顶部，我有一个带下拉列表的菜单。打开列表时，它将覆盖表格的标题。其中一些标题是提交按钮，因此它们将与菜单下拉列表重叠。然后基本上我无法点击列表的元素，因为提交按钮位于下拉列表之前（但它应该在后台）。我会发布一个屏幕，说明会发生什么。灰色sqare是菜单列表，绿色是表格的标题。仅当表的标题是提交按钮时才会出现此问题。如果它只是文字，我就不会有问题。

这是提交按钮的css类

.order{
    background-color:rgba(0,0,0,0.0);
    font-size:20px;
    font-weight:bold;
    vertical-align:middle;
    position: relative;
    bottom:-10px;
    width:150px;
}

我想要做的是能够单击下拉元素而不必让提交按钮干扰它们。对不起我的英文，

谢谢

Answer 1

您可以尝试设置

z-index: 9999;

列表

告诉我是否有效

提交按钮重叠其他div

1 个答案: