3

我创建了一个在悬停时增长的盒子。盒子里面有一个缩略图，position:absolute比父盒子大。

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

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

我究竟做错了什么？

4

1 回答 1

5

我不知道您本身在做任何“错误”的事情。

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

您可以通过添加以下内容来破解扩展器的 css：溢出：可见！重要；

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

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

或者，至少测试您的页面以确保您没有通过使用溢出引入异常：可见！重要；

于 2012-04-30T16:35:05.153 回答