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;
}
的解決方案,設置背景顏色提供了一個小提琴請jsfiddle.net –
@AlexanderSolonik http://jsfiddle.net/x8zycbqp/ – user3003810