对图像的盲目影响

Question

我试图在单击容器时对容器的子级创建垂直（向上）盲效果（使它们从容器中消失），但由于某种原因，这仅适用于文本。容器中的图标根本没有移动，我想知道这是自然现象还是某些代码可能会以这种方式影响它。

jquery 是$(this).children().toggle( "blind", {direction: "vertical" }, 1000 );

html 看起来像：

<div class="parent">
   <div class="child" id="icon">
     <img />
   </div>
   <div class="child" id="text">
     <h1> Some Title </h1>
     <p> Some text </p>
   </div>
</div>

孩子唯一的 css 是 float:left（我没有构建这个，所以不要因为浮动布局而抨击我）和 display: table

我认为浮动不会影响这一点，因为浮动是从左到右的影响，而且我正在垂直切换。我碰巧阻止了显示器，只是为了看看它是如何工作的，并且得到了相同的结果。在一个类似的元素上，我做同样的效果并且效果很好，区别在于图像和浮动。

提前致谢！

Answer 1

也许额外的 div 会有所帮助？

<div class="parent">
    <div>
       <div class="child" id="icon">
       </div>
       <div class="child" id="text">
       <h1> Some Title </h1>
       <p> Some text </p>
       </div>
    </div>
</div>