2016-02-22 99 views
0

遇到了一個滑動滑塊的問題,我從未見過,無法自己弄清楚。幻燈片似乎被從它們的容器稍微推下來,使它們出現在它的外面,我無法弄清楚是什麼導致了它。見屏幕截圖:screenshot of margin problem滑動滑塊額外邊距/填充頂部

任何人有什麼想法導致這種奇怪的行爲?我已經通過我所有的代碼搜索了可能導致這種情況的任何隱藏的邊距或填充,並且沒有運氣。

住址here。由於某些原因,您可以在頂部和底部的滑動部分看到這種奇怪的行爲,但不會看到中間的行爲。

提前致謝!

+0

首先,請包括代碼,如果可能的或者更好的是創建一個小提琴 - 其次,如果您的網站? –

+0

好的,看看,有4張幻燈片,所以沒有中間的一張,他們在Chrome中的渲染效果都很好 –

+0

我收錄了整個網站的鏈接,因爲在這裏有許多腳本和文件可能會導致問題。我在談論滑塊,而不是其中的單個滑塊,目前頁面上有三個,其中一個具有大的橫向圖像,一個具有圖形和文本,另一個具有在時間上顯示2個的方形圖像。 –

回答

2

變化position:relative;position:absolute;的style.css線306

.slick-slider .slick-prev { 
     left: 50px; 
     z-index: 10; 
     position: absolute; 
    } 
+0

這個修好了,非常感謝!永遠不會意識到這是問題 –