Html 将鼠标悬停在子菜单div down之外后，下拉菜单颜色不会恢复

这是一个有趣的例子

CSS：

    #menu>li>a:link, #menu>li>a:visited {
        color:#002349;
        display: block;
        float: left;
        width: auto;
        font-weight: 500;
        font-size: 18px;
        text-decoration:none;
        text-transform: lowercase;
        padding: 10px 10px;
    }

    #menu>li:hover>a {
        color:#fff;
        text-decoration: none;
        background-color: #002349;
    }

.submenu {
    position:absolute;
    left: -9999px;
    padding:0px 0px 0px 0px;
    top:32px;
    margin: 0px;
    text-align: left;
    background-color: #002349;
    width: auto;
    z-index: 20;
}

#menu li:hover .submenu {
    display:block;
    position: absolute;
    left:0px;
}

.submenu li {
    text-align: left !important;
    margin:0px 0px 0px 0px !important;
    padding: 0px;
    display:block;
    clear:both;
}

.submenu li a:link, .submenu li a:visited {
    color:#fff !important;
    font-size: 12px;
    margin: 0px;
    padding:5px 12px 7px 12px !important;
    margin: 0px !important;
    display: block;
    text-transform: uppercase;
    white-space: nowrap;
}

.submenu li a:hover, .submenu li a:active {
    color:#fff !important;
    background: #666 !important;
    text-decoration: none;
}

HTML：

<ul id="menu">
    <li><a href="http://jamie.brixwork.com/why-jamie-realtor" title="Meet Jamie MacDougall">why jamie</a>
    </li>
    <li><a href="http://jamie.brixwork.com/why-sothebys" title="Why Sotheby's International?">why sotheby's</a>
    </li>
    <li><a href="http://jamie.brixwork.com/listings" title="Featured Real Estate Listings">featured listings</a>
        <ul class="submenu">
            <li><a href="http://jamie.brixwork.com/listings/pageid-8/city-North+Vancouver/page-1" title="Featured Real Estate Listings">North Vancouver</a></li>
            <li><a href="http://jamie.brixwork.com/listings/pageid-9/city-West+Vancouver/page-1" title="Featured Real Estate Listings">West Vancouver</a></li>
        </ul>
    </li>
</ul>

您可以在此处看到整个页面：

用鼠标浏览“列表”菜单。如果鼠标向上或侧向退出，则返回原始文本颜色（深蓝色）

但是，如果您进入下拉菜单（），然后通过将鼠标向下移出子菜单退出，则顶部菜单的文本颜色不会改变

为什么会这样？我有：hover on the top

标记，因为我希望悬停效果在子菜单悬停时在顶部菜单项上生效，所以我不能将悬停效果仅放在顶部菜单的标记上

原来是CUFON的问题，检测被关闭了。常见问题10有答案。。尽管我甚至不明白这意味着什么（但复制粘贴他们例子中的片段解决了这个问题

我将CUFON更换代码更改为：

Cufon.replace('#menu>li', { fontFamily: 'gillsans', hover:true,
hoverables: { li: true },
    ignore: { ul: true },
    textless: { li: true }
});

原来这是一个CUFON问题，检测被关闭。常见问题解答#10有答案。尽管我甚至不明白这意味着什么。（但复制粘贴他们示例中的片段解决了这个问题。）

我将CUFON更换代码更改为：

Cufon.replace('#menu>li', { fontFamily: 'gillsans', hover:true,
hoverables: { li: true },
    ignore: { ul: true },
    textless: { li: true }
});

---

你可以给出下拉列表中的css和jquery/javascript吗？你到底是如何将字体颜色更改为白色的？通过css？通过jquery脚本？回答这个问题只需要更多的代码。罗杰那=更新了css。他正在使用css控制菜单；没有javascript。将鼠标悬停在菜单上方，它将显示子菜单NU目前在这里工作得很好：为什么不在网站上..0#u of aq#10有答案…你可能也能给出下拉列表的css和jquery/javascript吗？你到底是如何将字体颜色更改为白色的？通过css？通过jquery脚本？回答这个问题只需要更多的代码。Roger that=更新了css。他正在使用css来控制菜单；没有javascript。将鼠标悬停在菜单li上，它将在此处显示当前工作正常的子菜单：为什么不在网站上。。。