跳跃菜单项

时间:2012-08-31 02:33:03

标签: css css3

我是css的新手,我的菜单项有问题。当你翻过它时,菜单项会上下跳动,这意味着必须有一个垫或边缘导致它。我删除了不同的垫和边缘,但它仍然跳跃。有人可以告诉我我做错了吗?

以下是代码,如果您将鼠标放在练习区域上并慢慢移动“就业法”和“民权”,您将看到菜单/文字跳转。

此处:http://jsfiddle.net/v4qnU/1/

1 个答案:

答案 0 :(得分:2)

其中一个选择者#menu li:hover太贪心了。它改变了li元素的高度,导致了jumoing。我将其更改为#menu > li:hover,现在该菜单中没有跳转。我把小提琴分到http://jsfiddle.net/ypJwz/