我已经看了几个小时了,但无法弄清楚发生了什么。任何帮助将不胜感激谢谢。这是一个非常奇怪的问题,我认为最好只向您展示而不是详细说明,所以请在下面找到问题的链接,目前在我网站的开发页面上。
http://dev.cccit.co.uk/about-us/our-team/
如您所见,事件下拉列表似乎与导航栏中的标题一起工作,但是当突出显示导航选择时,它会使标题显得更暗并且也没有选择整个框(错过了信息部分)。自己看可能更容易……将鼠标悬停在导航栏中的关于我们上,您就会看到。
我最初认为这可能与 css 相关....有一个单独的 css 文件用于颜色选择,我已经更改了每个选项但没有任何影响,而让我认为这无济于事的是奇怪的方式悬停时整个菜单没有变化。请找到下面代码的副本,请记住我在本节中使用的是 php,但无论如何它也会做同样的事情,所以我还更改了“支持”的标题,以便您可以看到它正在做一样。
我认为有人可能遇到过同样的事情,如果您需要更多信息或文件,请与我们联系。提前谢谢你
`div class="container">
<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>
`
最佳答案
删除您为 <i>
设置的自定义背景颜色标签。
注意 Firebug 上的悬停效果,颜色与父元素的悬停效果不匹配。
关于html - Twitter bootstrap 下拉事件导航创建一个白色区域并且看起来很奇怪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15662960/