1

このサイトはjqueryアコーディオンに基づいています。アコーディオンの最初のリンク(Chirp ...)をクリックすると、小鳥の画像の一部が1秒間消えてから、再び表示されます。理由はわかりますか?

http://imip.rvadv.com/index2.html#home

4

1 に答える 1

1

overflow: hidden;アニメーションがアニメートしているコンテナにを適用しているため、消えています。

ちょっと待ってください。修正を見つけることができるかどうかを確認します。

...

わかりました。修正する方法は、鳥の画像を背景にすることです。#wrapper

より良い方法を考えました。

#wrapperの幅を変更し、のアコーディオンアイテムに920px左右のパディングを追加します(合計幅に追加した60pxの半分)。このようにして、鳥の画像がに含まれるため、アニメーションで鳥の画像が途切れることによって隠されることはありません。li30pxli

注:アニメーションは少しずれており、奇妙なジャンプ感がありますが、これを目的として無視し、鳥の画像が途切れないようにする方法を確認しました。

:)

于 2012-07-09T01:46:48.550 に答える