Chrome 的 CSS 下拉菜单问题

发布于 2024-10-10 01:34:09 字数 727 浏览 1 评论 0原文

我正在运行一个 Wordpress 网站，但在 Chrome 中显示下拉菜单时遇到一些问题。我的CSS在这里： http://pastebin.com/v291BmHP

菜单代码在这里：

<div class="menu">
<ul>
    <li class="current_page_item">
        <a href=".../" title="Home">Home</a>
    </li>
    <li class="page_item page-item-2">
        <a href="..." title="About Us">About Us</a>
        <ul class='children'>
            <li class="page_item page-item-105">
                <a href="..." title="History">History</a>
            </li>
        </ul>
    </li>
</ul>

它在 IE 和 Firefox 中运行良好。谢谢！

原文

I'm running a Wordpress site, and having some trouble getting the dropdown menus in Chrome to show up. My CSS is here: http://pastebin.com/v291BmHP

and the menu code is here:

<div class="menu">
<ul>
    <li class="current_page_item">
        <a href=".../" title="Home">Home</a>
    </li>
    <li class="page_item page-item-2">
        <a href="..." title="About Us">About Us</a>
        <ul class='children'>
            <li class="page_item page-item-105">
                <a href="..." title="History">History</a>
            </li>
        </ul>
    </li>
</ul>

It works fine in IE and Firefox. Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

Smile简单爱 2024-10-17 01:34:09

去掉这条规则中的显示块：

#access ul li:hover ,
#access ul ul :hover  {
    color: #FFF; /* HOVER COLOR */
    display: block; /* DELETE */
    background-image: url('images/keating/nav_hover.jpg');
        background-repeat: repeat-x;
}

Take out display block in this rule:

#access ul li:hover ,
#access ul ul :hover  {
    color: #FFF; /* HOVER COLOR */
    display: block; /* DELETE */
    background-image: url('images/keating/nav_hover.jpg');
        background-repeat: repeat-x;
}

回复收藏 0 原文

~没有更多了~