这是用于创建下拉列表的 html:
<div class="btn-group pull-right elipsis-margin open">
<button type="button" class="btn btn-link btn-action dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-validation-status="ok">
<i class="fa fa-ellipsis-v fa-lg"></i>
</button>
<ul class="dropdown-menu">
<li><a href="#shareModal" data-toggle="modal" class="btn-action"><i class="fa fa-share fa-fw"></i>Share</a></li>
<li><a href="#"><i class="fa fa-pencil fa-fw"></i>Edit</a></li>
<li role="separator" class="divider"></li>
<li><a href="#unshareModal" data-toggle="modal" class="btn-action"><i class="fa fa-ban fa-fw"></i>Unshare</a></li>
</ul>
此 div 位于表体内部。显然,下拉列表被表格单元格遮挡了,但它的 z 位置设置为 1000。它似乎应该正确显示。
如有任何帮助,我们将不胜感激。
最佳答案
z-index 仅适用于位置属性已明确设置为 absolute 、 fixed 或 relative 的元素。
尝试将下拉菜单位置设置为上述位置之一。您可能还需要为表格执行此操作。
例如:
.your-class {
position: relative;
}
关于html - Bootstrap 下拉菜单部分被表格单元格隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46476213/