html - 带有UL UL LI的CSS菜单

将鼠标悬停在菜单上时如何解决？如何修复它或覆盖子菜单？

nav a:hover {
    border-left: 0;
    border-right: 0;
    border-top: 7px solid #04B404;
    text-decoration:none;
}

我以为text-decoration:none;可以解决问题。我有整个菜单上传到jsfiddle。

http://jsfiddle.net/vicR/ScM8Y/

最佳答案

更改以下样式，以适应顶部和浮动div上的7px边框。

nav a:hover {
    border-left: 0;
    border-right: 0;
    border-top: 7px solid #04B404;
    text-decoration:none;
    margin-top:-7px; /* move 7px up */
}

nav ul li:hover > ul {
    display: block;
    border-top: 0px solid #04B404;
    text-decoration:none;
    position:absolute; /* don't shift others */
}

关于html - 带有UL UL LI的CSS菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23815968/