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

Question

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

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

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

我做错了什么？

Answer 1

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

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

你可以通过添加：overflow：visible！important;

来破解扩展器的CSS

这样可以防止内联溢出：隐藏缩小缩略图。

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

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