2015-08-15 22 views
3

我有Flexslider的問題,我想用引導網格使用flexslider,我寫了下面的代碼,但在第一次循環後,出現了一個問題,圖像顯示在旋轉木馬項目後面,但沒有出現在檢查元素中。 jsfiddleFlexslider傳送帶溢出

​​

HTML

<div class="flexslider clients-slider row"> 
    <ul class="slides clearfix"> 
     <li class="col-xs-3"> 
      <a href="#"> 
       <div class="client-item"> 
        <img src="img-src" /> 
        <div class="hover-layer">link</div> 
       </div> 
      </a> 
     </li> 
     ... 
    </ul> 
</div> 

JS

$('.clients-slider').flexslider({ 
     animation: "slide", 
     directionNav: false, 
     itemWidth: 212, 
     maxItems: 4, 
     after: function(slider){ 
     slider.resize(); 
     } 
}); 

CSS

.client-item { 
    width: 100%; 
    border: 1px solid #d9d9d9; 
    background-color: #FFF; 
    height: 150px; 
    text-align: center; 
    padding: 30px; 
    float: left; 
    position: relative; 
} 
+0

的解決方案,設置背景顏色提供了一個小提琴請jsfiddle.net –

+0

@AlexanderSolonik http://jsfiddle.net/x8zycbqp/ – user3003810

回答