親コンテナのアニメーション中に完全に配置された子要素がクリップされる

Question

ホバリングで成長するボックスを作成しました。 ボックスの中に、親ボックスよりも大きいposition:absoluteのサムネイルがあります。

親コンテナの幅または高さをアニメーション化すると、サムネイルは親のサイズに切り取られますが、アニメーションの間だけです。私は間違って何をやっている http://jsfiddle.net/Q2BPx/3/

：

は（Macのクローム/サファリ/ FFでテスト）簡単なデモについてはこちらを参照してください？

Answer 1

あなたは「間違って」何かをしていることはわかりません。

アニメーションメソッドが実行されているとき、jQueryはインラインスタイルを使用してアニメーションの各フレームの幅を設定します。また、 "overflow：hidden"スタイルをインラインスタイルに追加します。

エクスパンダのCSSをハックすることができます：overflow：visible！important;

これにより、インラインオーバーフローが防止されます。サムネイルがクロップされないように隠れてしまいます。

しかし、アニメーションがオーバーフロー設定を使用している理由を確認するには、jQueryコードを調べるとよいでしょう。

少なくとも、オーバーフローを使用して異常を導入していないことを確認するためにページをテストしてください：visible！important;