2016-11-08 129 views
0

我试图从多天来突袭这条奇怪的线,但无法弄清楚为什么这条线仍然显示悬停。 (z-index对父母和图像的div但没有相同)奇怪的线在CSS变换比例悬停

基本上它出现时,图像转移1px左边它显示红色背景为线。 如果将背景设置为透明,则它将为白色。

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

*悬停在第二栏,你会看到一条红线。

GIF:如果你不能看到行:

enter image description here

+1

如果我摆脱了这种背景,看不到红线:rgb(255,0,0);从.ss-row-滑到你的小提琴上。 – Dcoto

+0

@Doto然后它将采取白色(身体)背景,并显示白线。请看我用GIF更新的问题来证明这个问题。 – YOU

+0

仍然看不到它说实话你可以尝试背景颜色:透明或仍然是白色的? – Dcoto

回答

0

更换

.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; 
} 
+0

现在白线显示 – YOU

+0

顺便说一句,这是红色的目的,使人们可以清楚地看到线。 – YOU

+0

@YOU可能应该添加到您的初始职位,以防止混淆。 –

0

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

但有一个有趣的事情,红线仅在例如841, 873, 913, 921, 1073 ...window.innerWidth一定值可见光和休息它的作品完美。

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

,我发现此修复程序设置

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

我希望这有助于!