3

ホバーすると成長するボックスを作成しました。position:absoluteボックスには、親ボックスよりも大きいサムネイルがあります。

親コンテナの幅または高さをアニメーション化すると、サムネイルが親のサイズにトリミングされますが、アニメーション中のみです。

簡単なデモについては、こちらを参照してください (Mac の chrome/safari/ff でテスト済み): http://jsfiddle.net/Q2BPx/3/

私は何を間違っていますか？

4

1 に答える 1

5

あなたがそれ自体「間違った」ことをしていることを私は知りません。

animateメソッドが実行されている場合、jQueryはインラインスタイルを使用してアニメーションの各フレームの幅を設定します。また、インラインスタイルに「オーバーフロー：非表示」というスタイルを追加します。

次を追加することで、エキスパンダーのcssをハックできます。overflow：visible！important;

これにより、インラインオーバーフローが防止されます。非表示にすると、サムネイルがトリミングされなくなります。

ただし、jQueryコードを調べて、animateがオーバーフロー設定を使用している理由を確認することをお勧めします。

または、少なくともページをテストして、オーバーフローを使用して異常が発生していないことを確認します。

于 2012-04-30T16:35:05.153 に答える