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