为什么下拉列表在粘性元素下面？

Question

我有一个表，其中最后两列由position = sticky固定，因为我需要将它们从滚动中删除。我需要将下拉列表放在一个固定的列中。但是我的下拉列表位于粘性元素下，为什么会发生这种情况？我试图将z-index设置为下拉列表，但它不起作用

<td class="fixactivate">
                    <div dropdown is-open="status.isopen" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 hex-grid-padding-left-right">
                      <div style="padding-right: 9px; font-size: 15px">
                        <img class="svg dropdown-toggle" style="width:13px;height:13px;margin-bottom:1px;cursor:pointer;" src="../static/img/more.svg">
                      </div>

                      <ul  class="dropdown-menu hex-drop-down-layout hex-drop-down-max-height hex-drop-down-overflow-y" style="padding: 0px;left: -150px;" role="menu">
                        <li>
                          <a style="color: #191919 !important" href="javascript:void(0)" ng-click="chgpwdmodal()">
                           <i class="fa fa-pencil fa-fw"></i> Edit Technician
                          </a>
                        </li>
                        <li >
                          <a style="color: #191919 !important" href="javascript:void(0)" ng-click="reset_password()">  
                            <i class="fa fa-lock fa-fw"></i> Reset Password
                          </a>
                        </li>
                        <li  >
                          <a style="color: #191919 !important" href="javascript:void(0)" ng-click="deleteAdmin(user.id)">  
                            <i class="fa fa-trash-o fa-fw"></i> Delete Technician
                          </a>
                        </li>
                      </ul>
                    </div>
                  </td>

这是下拉代码。CSS代码

.fixactivate{
position: sticky;
right: 49px;}

谁能告诉我我想念的是什么

Answer 1

通常，下拉列表的父元素将是position：相对，并且下拉列表的内容将具有Position：absolute。因此，Position：sticky on a dropdown可能无法正常工作。