2016-11-08 130 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%; 
} 

我希望這有助於!