CSS转换比例悬停中的奇怪线

Question

我试图从很多天开始突袭这条奇怪的线路，但无法弄清楚为什么这条线路在悬停时仍会出现。 （z-index在父级和图像div上，但是nope仍然相同）

基本上，当图像向左移动<1>向时出现，并且它将红色背景显示为线条。 如果将背景设置为透明，则为白色。

复制：https://jsfiddle.net/o67hx6u7/

*将鼠标悬停在第二列上，您会看到一条红线。

GIF：如果您看不到行：

Answer 1

替换

.ss-row-slid {
    min-height: 600px;
    height: auto;
    overflow: hidden !important;
    background: rgb(255, 0, 0);
}

与

.ss-row-slid {
    min-height: 600px;
    height: auto;
    overflow: hidden !important;
}

Answer 2

我试图找到问题的真正原因，但不幸的是我找不到真正的解决方案。

但有一件有趣的事情，红线仅在window.innerWidth的某些值上可见，例如841, 873, 913, 921, 1073 ...，而其余的则完美无缺。

你情况的罪魁祸首是transform: scale(1.1)财产。

我找到的修复已设置

.row-slid-inner-bg {
    width: 101%;
}

我希望这有帮助！