位置按钮超过tr / td

Question

我需要在<TD>上添加关闭按钮。

以下代码会在Firefox中正确定位关闭按钮，但不能在Chrome中定位：

.btn-edit-undo {
  border-radius: 100%;
  background-color: #337AB7;
  color: #FFF;
  position: absolute;
  left: 25px;
  top: -55px;
  box-shadow: 1px 2px 1px #999;
}

<td class="">
  <div style="position: relative;">
    <span>NEW</span>
    <button type="button" class="btn btn-sm btn-edit-undo" title="Edit undo">
      <span class="glyphicon glyphicon-remove"></span>
    </button>
  </div>
</td>

关闭按钮在Firefox中正确定位：

但不是Chrome：

Answer 1

尝试添加z-index：

.btn-edit-undo{
     border-radius: 100%;
     background-color: #337AB7;
     color: #FFF;
     position: absolute;
     left: 25px;
     top:-55px;
     box-shadow: 1px 2px 1px #999;
     z-index: 5555
}