css - z-index 导致在 div 内滑动

Question

出于某种原因，当我为图像设置 z-index:0 时，div 显示正确，但可以在父 div 中向上/向下滑动。但是，如果我有 z-index:-100，图像就会消失，不再滑动。

有什么方法可以让 z-index:0 图像不在父 div 中四处移动？我希望将图像锁定到位。谢谢!

frame_th img 是我想要锁定的 div。

.frame_th {
    width: 220px;
    margin: 0px auto;
}
.frame_th img {
    position: absolute;
    z-index: -100;
    margin: 30px 0 0px 26px;
}

Answer 1

尝试给 .frame_th 一个 position: relative 和 overflow: hidden，以及 .frame_th img z-索引:0。这应该使图像在父 div 中正确定位而不会滑动。