Javascript 使用变换时：在父、子元素上缩放'；s下拉列表位于另一行下

所以问题是，当我试图在我有下拉菜单的悬停位置缩放我的行时，若我的下拉菜单是打开的，它会进入下一行

我如何让它保持领先

我尝试了z-index，但没有任何帮助。在使用音阶时，可能有一些我不明白的地方

.row{
背景#f8f9fa；
边缘顶部：5px；
}
上校{
边框：实心1px#6c757d；
填充：10px；
}
.1：悬停{
转换：标度（1.05）；
}

第1页，共2页
下拉按钮
第1页，共2页
第2页，共2页
第1页，共2页
第2页，共2页

使用

转换

将创建一个堆叠上下文，使下拉列表位于其中，因此所有行（堆叠上下文）将被绘制顺序后的下一行隐藏

为了避免这种情况，只需增加缩放行的

z-index

：

.row{
背景#f8f9fa；
边缘顶部：5px；
}
上校{
边框：实心1px#6c757d；
填充：10px；
}
.1：悬停{
转换：标度（1.05）；
位置：相对位置；
z指数：1；
}

第1页，共2页
下拉按钮
第1页，共2页
第2页，共2页
第1页，共2页
第2页，共2页