Css “主动导航”;“跳跃”;在IE7中

Css “主动导航”;“跳跃”;在IE7中,css,cross-browser,navigation,internet-explorer-7,Css,Cross Browser,Navigation,Internet Explorer 7,我正在工作的网站可以找到 仅限IE7: 当用户将鼠标悬停在非活动选项卡上时,活动导航选项卡将“跳转” 截图: 有人能解释一下如何解决这个问题吗?我所能看到的是,您的/css/app.min.css文件中的“active”类存在问题,或者某个地方的javascript运行不正确。你可能会说,“嘘!” 用我手头的工具我看不出来。另一方面,当我从相关链接中删除“活动”类时,我可以看到不会发生“跳跃”。然而,链接看起来就像导航中的其他项目一样,你希望它看起来…嗯…活跃 如果它是脚本中的一个问题,而您不

我正在工作的网站可以找到

仅限IE7:

当用户将鼠标悬停在非活动选项卡上时,活动导航选项卡将“跳转”

截图:


有人能解释一下如何解决这个问题吗?

我所能看到的是,您的/css/app.min.css文件中的“active”类存在问题,或者某个地方的javascript运行不正确。你可能会说,“嘘!”

用我手头的工具我看不出来。另一方面,当我从相关链接中删除“活动”类时,我可以看到不会发生“跳跃”。然而,链接看起来就像导航中的其他项目一样,你希望它看起来…嗯…活跃

如果它是脚本中的一个问题,而您不知道它是什么,那么也许可以更改类的名称,并找到将链接设置为活动的逻辑,以反映新活动类的名称

我将首先对与“活动”类相关联的现有样式进行注释,然后通过重新引入以前的一些样式并在每个小更改上刷新页面,逐步建立您希望它的外观,直到您发现问题为止

我相信这些都是需要改变的有问题的风格

#tabnav ul#dash-nav li.active a{
    margin-left:-8px;
    margin-right:-6px;
    margin-top:-6px;
    position:relative;
    background-color:transparent;
}

#tabnav ul#dash-nav li.active a span{
    background:url("/images/bg-nav-hover-l.png") no-repeat scroll 0 0 transparent;
    color:#fff;
    padding:7px 1px 1px 18px;
}

#tabnav ul#dash-nav li.active a .arrow{
    display:block;
}

#tabnav ul#dash-nav li.active a:hover .arrow{
    display:block;
}

#tabnav ul#dash-nav li.active a img,#tabnav ul#dash-nav li a:hover img{
    margin-top:-21px;
}

#tabnav ul#dash-nav li.active a em{
    background:url("/images/bg-nav-hover-r.png") no-repeat scroll 0 0 transparent;
    height:34px;
    width:17px;
}

把IE7的补丁放在条件注释中怎么样