在父容器的动画期间，绝对定位的子元素被剪裁

我创建了一个在hover时生长的盒子。 该框内有一个缩略图，其position:absolute且大于父框。

当我为父容器的宽度或高度设置动画时，缩略图会被裁剪为父级的大小，但仅限于动画期间。

在这里查看一个简单的演示（在Mac上测试chrome / safari / ff）： http ： //jsfiddle.net/Q2BPx/3/

我究竟做错了什么？

Answer 1

我不知道你本身做了什么“错误”。

当animate方法运行时，jQuery使用内联样式来设置动画的每个帧的宽度。 它还将样式“overflow：hidden”添加到内联样式中。

您可以通过添加以下内容来破解扩展器的CSS：overflow：visible！important;

这将防止内联溢出：隐藏使缩略图被裁剪。

但是，您可能需要查看jQuery代码以了解为什么animate使用溢出设置。

或者，至少测试您的页面以确保您没有使用溢出引入exception：visible！important;