像这样进行导航的最简单方法是什么？答案

【问题标题】：What would be the easiest way to do a Nav like this?像这样进行导航的最简单方法是什么？
【发布时间】：2012-08-09 11:35:51
【问题描述】：

我不知道如何制作这样的导航：

悬停几乎与主导航脱节。有什么想法/提示我将如何做到这一点？

谢谢，丹

【问题讨论】：

【解决方案1】：

试试这个：

<div class="naviItem">
    Games
    <ul>
        <li>Game 1</li>
        <li>Game 1</li>
        <li>Game 1</li>
    </ul>
</div>

CSS：

.naviItem ul {
    display: none;
}

.naviItem:hover ul {
    display: block;
}

【讨论】：

对不起，我应该更清楚：p 我可以做一个下拉菜单，但我坚持的一点是如何使主类别上的悬停效果看起来脱节。例如。如果您将鼠标悬停在吉他上，它会变为白色，箭头为红色，但它也在导航上方
@user1584964：很抱歉，但我不明白，你在说什么:(
img853.imageshack.us/img853/8548/menuco.png - 您会看到它如何与蓝色菜单栏重叠，并且悬停的高度大于菜单栏。我需要知道该怎么做！
我没有破解源代码，但你可以这样做：主菜单实际上比看起来要大，留下足够的空间让悬停背景越过边缘。悬停时，背景会应用于从主菜单之外开始的菜单项，并且具有 50% 的透明度。为此，您需要使用 CSS3。
嗯不太清楚你的意思？