Jquery Masonry div重叠

时间:2013-07-08 12:39:52

标签: jquery jquery-masonry

我使用jquery masonry plugin作为此image中显示的布局。问题是砌体插件隐藏了以黑色阴影显示的div,如image所示。有没有解决方案来解决这个问题?

1 个答案:

答案 0 :(得分:1)

砌体取出所有的白色盒子并将它们放在容器内的绝对位置,在这种情况下,容器有黑盒子和白盒子(我是对的吗?)这样的东西:

   <div id="container">
      <div class="black-box"></div>
      <div class="black-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
   </div>

为了解决这个问题,您需要将所有白色框放在自己的容器中并给它定位:相对,然后在白盒容器上进行砌筑

<div id="container">
      <div class="black-box"></div>
      <div class="black-box"></div>
      <div id="white-boxes-container">
         <div class="white-box"></div>
         <div class="white-box"></div>
         <div class="white-box"></div>
         <div class="white-box"></div>
      </div>
 </div>