砌体项目下面的黑色条纹

Question

HeJ小鼠，

我在砌体项目中面临问题：Oliver Rath

每件商品下方都有一条意外的黑色条纹，请看截图：

我已经尝试了常用的建议，例如操纵显示或填充值。有没有人知道要摆脱这个？

到目前为止，这是我的JS：

var $container = $('#masonry');
// layout Masonry again after all images have loaded
$container.imagesLoaded( function() {
  $container.masonry({
   columnWidth: function(containerWidth){
                       return containerWidth / 3;
                   },
    isAnimated: false,
  });
});




$container.infinitescroll({
      debug: true,
      navSelector  : '.item-nav',
      nextSelector : '.older a',
      itemSelector : '.item',
      bufferPx: 200,
      extraScrollPX: 100,
      loadingText: '... loading more awesomess....',
      loading: {
          finishedMsg: 'Congrats. You have reached the end of the internet.',
          img: 'http://oliver-rath.com/wp-content/uploads/2015/05/15.png'
        }
      },
      function( newElements ) {
        var $newElems = $( newElements ).hide();
        // zoomBilder();
        $newElems.imagesLoaded(function(){
          $newElems.fadeIn();
          $container.masonry( 'appended', $newElems, true );

        });
      }
    );

提前致谢。

Answer 1

实际上这是一个缺失的float: left;声明。尴尬:)）