如何在HTML中将下拉菜单覆盖在其父元素（或特定元素）上？

我试图使用一个下拉菜单，允许用户检查信息，如果鼠标指针在菜单上。如果用户删除指针，则下拉菜单将消失。一切都在桌子上

我现在的问题是，在最后一行，下拉菜单的部分看起来是隐藏的（更准确地说，它看起来在其他元素的下面）

形象应该比一切都好（我希望如此）。我试着触摸z索引，但它不起作用

<table class="table table-striped table-bordered table-advance table-hover">
<tbody>
<td>
    <div class="btn-group">
    <div class="btn dropdown-toggle" style=" background-color:#EF4836;color:white; margin:2.5px 0;" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="true">
    </div>
    <ul class="dropdown-menu" role="menu" style="width:300px;">
    <span style="background-color: rgb(0, 0, 255);"><font color="#ffffff">Hi!<br></font></span>
      <li>Hello Stack Overflow</li>
        <li>
          Google vs Amazon</li>
    </ul>
    </div>
</td>
...

以下是的计算属性

border-bottom-color: rgb(221, 221, 221);
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(221, 221, 221);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(221, 221, 221);
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: rgb(51, 51, 51);
direction: ltr;
display: table-cell;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
height: 173px;
line-height: 18.5714px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
vertical-align: top;
width: 328px;

我需要去哪里解决这个问题？请让我知道！（：期待收到专家的良好建议

---

最好的

这里有点不清楚你在找什么。你有什么例子吗？你把

z-index

设置成了什么值？

border-bottom-color: rgb(221, 221, 221);
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(221, 221, 221);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(221, 221, 221);
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: rgb(51, 51, 51);
direction: ltr;
display: table-cell;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
height: 173px;
line-height: 18.5714px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
vertical-align: top;
width: 328px;