奇怪的線在CSS變換比例懸停

Question

我試圖從多天來突襲這條奇怪的線，但無法弄清楚爲什麼這條線仍然顯示懸停。 （z-index對父母和圖像的div但沒有相同）

基本上它出現時，圖像轉移1px左邊它顯示紅色背景爲線。 如果將背景設置爲透明，則它將爲白色。

複製：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

我試圖找到真正原因問題，但不幸的是，我不能找到真正的解決方案。

但有一個有趣的事情，紅線僅在例如841, 873, 913, 921, 1073 ...的window.innerWidth一定值可見光和休息它的作品完美。

您的情況的罪魁禍首是transform: scale(1.1)財產。

，我發現此修復程序設置

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

我希望這有助於！