Question

我现在看了好几个小时，无法弄清楚发生了什么。任何帮助将不胜感激，谢谢。这是一个非常奇怪的问题，而不是详细介绍我认为最好只是告诉你，所以请在下面找到问题的链接，目前在我网站的开发页面上。

http://dev.cccit.co.uk/about-us/our-team/

正如您所看到的那样，活动下拉列表似乎与导航栏中的标题一起处于活动状态，但是当突出显示导航栏时，它会使标题显得更暗并且也不会选择整个框（错过了信息部分）。你可能更容易看到自己......将鼠标悬停在导航栏中的“关于我们”上，你会看到。

我认为最初这可能与css相关....有一个单独的css文件用于颜色选择，我已经改变了每个选项而没有任何影响，是什么让我觉得这无济于事是奇怪的方式悬停时整个菜单不会改变。请找到下面代码的副本，请记住我在本节使用的是php，但它也会做同样的事情，所以我也改变了“支持”的标题，这样你就可以看到它正在做一样。

我认为有人可能会遇到同样的事情，如果您需要更多信息或文件，请与我们联系。提前谢谢

`div class =“container”＆gt;

            <div id="nav-wrapper">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="container">
                        <div class="buttons-container">
                        </div>
                        <div class="nav-collapse">
                            <ul class="nav nav-pills">
                                <li class="single"><a href="../index.php">HOME
                                        <i></i>
                                    </a>
                                </li>
                                <li <?php if($pageName == "About Us")echo " class='dropdown active' ";?> class="dropdown">
                                    <a href='/about-us'>
                                        ABOUT US<i></i>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li <?php if($pageMetaTitle == "Our Team")echo " class='active' ";?>><a href="/about-us/our-team">Our Team</a></li>
                                        <li <?php if($pageMetaTitle == "Philosophy")echo " class='active' ";?>><a href="/about-us/philosophy">Philosophy</a></li>
                                        <li <?php if($pageMetaTitle == "FAQs")echo " class='active' ";?>><a href="/about-us/faqs">FAQs</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown active">
                                    <a href="/support">
                                        SUPPORT<i>IT support for business</i>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="/support/support-packages">Support Packages</a></li>
                                        <li><a href="/support/sla">Service Level Agreements</a></li>
                                        <li><a href="/support/faqs">FAQs</a></li>
                                    </ul>
                                </li>

`

1 个答案:

答案 0 :(得分：0)

Answer 1

删除您为<i>标记设置的自定义背景颜色。

注意到对Firebug的悬停效果，颜色与父元素的悬停效果不匹配。

Twitter引导下拉活动导航创建一个白色区域，看起来很奇怪

1 个答案: