Css webkit溢出滚动正在隐藏绝对定位div

首先，我将给出示例以及屏幕截图：

HTML:

问题是：

添加

-webkit溢出滚动时：触摸

到

mobile form frame

类（为了在iOS设备上实现本机滚动），关闭此div的“X”被隐藏。如果我们删除

-webkit溢出滚动：触摸，它不存在。我已经做了一些搜索，但找不到任何其他人看到过同样的问题。我不明白为什么这会导致绝对定位的div
添加链接框关闭按钮
从视图中被遮挡。有人能帮我弄清楚吗？它实际上是iOS上Safari中的一个bug吗

我已经包括了屏幕截图来演示我正在经历的结果

编辑：上面的html被包装在container div中，位置为：fixed


不是专家，只是一个想法，如果你移动'X'z-索引会怎么样？你试过了吗

可能显示X，但不在前景上。只是一个想法
使用这个css

.add-link-box {
    position: relative;
}

游戏已经很晚了，但是你见过这个解决方案吗：你有没有找到解决这个问题的方法？我也看到了同样的问题，这真的让我心烦。基本上，任何打开了触摸滚动的容器都被视为不可分割的：其内部的定位元素不能显示在其外部，其外部的定位元素不能显示在其内部的任何元素后面，无论如何指定z索引。这真的把我的设计师指定的UI搞砸了，它需要有选择地将滚动列表中的元素调暗。。。
.add-link-box{border: 2px #006BB5 solid; color: #006BB5; font-family: bonvenocf; text-align: center; font-size: 16pt; margin: 10px; height: 90%; margin-top: 30px; overflow: auto; -webkit-overflow-scrolling: touch;}

.mobile-form-frame{overflow: auto; height: 90%;}

.add-link-box-close-button{position: absolute; display: block; right: 5px; top: 5px; width: 20px; height: 20px; padding: 2px; line-height: 18px; font-size: 18pt; text-align: center; cursor: pointer; font-weight: bold; color: #FF0000;}

.add-link-box-close-button:hover{color: #FF0000;}

.alink-field{width: 90%; margin: 0px; display: block; padding: 10px; margin-left: auto; margin-right: auto; text-align: center;}

.mobile-alink{text-align: left;}

.add-link-box {
    position: relative;
}