ul/liリストで作成されたメニューがあります。
素敵な効果を作成するために、次の css があります。
#menu ul {
/* ... */
visibility:hidden;
/* ... */
}
#menu li:hover > ul {
/* ... */
visibility: visible;
/* ... */
}
完全なコードはhttp://www.red-team-design.com/css3-animated-dropdown-menuで確認できます。
Youtube ビデオ (ランダムなビデオなど) を埋め込まない限り、メニューは問題なく正常に動作します<iframe src="http://www.youtube.com/embed/e80qhyovOnA?rel=0" frameborder="0" width="420" height="315"></iframe>。
可視性 css プロパティと Chrome を使用している場合の問題をトラブルシューティングしました。
バウンス効果を維持するために CSS を変更する方法はありますか?
これを置き換えるとdisplay:none機能しますが、バウンス効果が失われます。Youtube のコードと競合しているようです。iframe動画が 経由で埋め込まれているため、自動化されていない限り、内には何も触れないのが理想的ですWYSIWYG。
ありがとうございました。