什麼是造成灰線？

我在我的網站上有一個圖像幻燈片：http://dev.jmret.com/recruit.php 什麼是造成灰線？

但是我有一個問題，它在註釋下有一條灰線。

在這裏看到：

這裏是代碼：

$(function(){ 
      $('#slides').slides({ 
       play: 5000, 
       pause: 2500, 
       hoverPause: true, 
       animationStart: function(current){ 
        $('.caption').animate({ 
         bottom:-35 
        },100); 
        if (window.console && console.log) { 
         // example return of current slide number 
         console.log('animationStart on slide: ', current); 
        }; 
       }, 
       animationComplete: function(current){ 
        $('.caption').animate({ 
         bottom:0 
        },200); 
        if (window.console && console.log) { 
         // example return of current slide number 
         console.log('animationComplete on slide: ', current); 
        }; 
       }, 
       slidesLoaded: function() { 
        $('.caption').animate({ 
         bottom:0 
        },200); 
       } 
      }); 
     });

我將如何擺脫灰色系的？那會出現？修復或點在正確的方向非常感謝。如果您在網站上查看源代碼，您將看到任何您需要的內容。

下面是HTML CSS &：

<div id="slides"> 
      <div class="slides_container" style="overflow: hidden;position: relative;display: inline-block;"> 
      <div class="slides_control" style="position: relative; width: 3339px; height: 228px; left: -1113px;"><div class="slide" style="position: absolute; top: 0px; left: 2226px; z-index: 0; display: block;"> 
         <a href="/eduforschools.php"> 
         <img src="img/Slide1.jpg" width="1000px" height="225px" alt="Slide 1"></a> 
         <div class="caption" style="bottom: 0px;"> 
          <p>We support recruitment &amp; education in over 140 local schools.</p> 
         </div> 
        </div><div class="slide" style="position: absolute; top: 0px; left: 1113px; z-index: 5; display: block;"> 
         <a href="/recruit.php"> 
         <img src="img/Slide2.jpg" width="1000px" height="225px" alt="Slide 1"></a> 
         <div class="caption" style="bottom: 0px;"> 
          <p>Apprenticeships – wide range available.</p> 
         </div> 
        </div></div> 
         </div> 
      <ul class="pagination"><li class="current"><a href="#0">1</a></li><li class=""><a href="#1">2</a></li></ul></div>

感謝

來源

2016-03-16 Deckerz

這可能是img下的差距，因爲內聯塊在默認情況下代表基線。將垂直對齊重置爲img或將其設置爲塊。沒有CSS也沒有HTML在這裏進一步（在您的問題） –

@GCyrillus我已經添加了相關的CSS和HTML – Deckerz