Flexslider轮播溢出

Question

我有一个flexslider的问题，我正在尝试使用带有bootstrap网格的flexslider，我写了下面的代码但是在第一次循环之后，出现了一个问题，图像显示在旋转木马项目后面，但没有出现在inspect元件。 jsfiddle

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;
}

Answer 1

这是一个解决方案，在.flexslider .slides li {background:#fff}

上设置背景颜色

{{1}}

demo http://jsfiddle.net/x8zycbqp/3/