在IE7中主动导航“跳跃”

Question

我正在处理的网站here。

仅限IE7：

只要用户在非活动选项卡上悬停，活动导航选项卡就会“跳转”。

截图：

有人可以解释如何解决这个问题吗？

Answer 1

我所能看到的是你的/css/app.min.css文件中的“活动”类存在问题，或者某些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;
}

Answer 2

如何将IE7的修复程序放入条件注释中？