我已经看了好几个小时了,不知道发生了什么。任何帮助都将非常感激,谢谢。这是一个非常奇怪的问题,而不是进入细节,我认为最好只是向你展示,所以请找到下面的问题链接,目前在我的网站的开发页面。
http://dev.cccit.co.uk/about-us/our-team/正如你所看到的,活动的下拉菜单似乎与导航栏中的活动标题一起工作,但是当高亮导航选择时,它会使标题看起来更暗,也不会选择整个框(遗漏了信息部分)。自己看可能更容易....将鼠标悬停在导航栏的About Us上,你会看到。
我最初认为这可能是css相关....有一个单独的css文件的颜色选择,我已经改变了每一个选项没有任何影响,什么让我认为这不会有帮助的是奇怪的方式,整个菜单是不改变当你悬停。请找到下面的代码的副本,记住我使用php的这一节,但它也做同样的事情,不管怎样,所以我也改变了"支持"的标题,这样你就可以看到它正在做同样的事情。
我想可能有人遇到了同样的事情,如果你需要更多的信息或文件,请联系我。提前谢谢你
"div类= "容器">
<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的悬停效果,颜色与父元素的悬停效果不匹配