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

Chr*_*mps 3 javascript css jquery

我创建了一个在悬停时生长的盒子.该框中有一个缩略图,它position:absolute比父框大.

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

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

我究竟做错了什么?

Cla*_*ude 5

我不知道你本身做了什么"错误".

当animate方法运行时,jQuery使用内联样式来设置动画的每个帧的宽度.它还将样式"overflow:hidden"添加到内联样式中.

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

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

但是,您可能需要查看jQuery代码以了解为什么动画使用溢出设置.

或者,至少测试您的页面,以确保您没有使用溢出引入异常:visible!important;