我在这里有一个 CSS 菜单 http://www.salvationarmyqc.org/
当我将鼠标悬停在菜单上时，它会移动，但仅在第一次发生悬停事件时发生。
之后，它就不动了。
我无法弄清楚为什么会这样。
问问题
410 次
2 回答
0
您的#navigation 正在从 34 像素的高度跳到 36 像素。您可以将其静态设置为 34 像素，或者将所有 li 的填充和边距设置为 0。
于 2013-06-13T22:42:26.157 回答
0
你可以发布你的css吗？
从外观上看，您在悬停时设置了边框宽度，将菜单项向下推。您可以尝试使用绝对定位，并将顶部高度调整为 -1 或类似值。
例如，您的 css 可能看起来像。
#listContainer{position:relative;}
.listItem{position:absolute;top:0;}
.listItem:hover{top:-1;}
我不确定为什么整个导航菜单在 chrome 中向下移动而没有看到你的 CSS。
于 2013-06-14T00:30:08.810 回答