Question

希望有人可以用一双新鲜的眼睛来帮助我一直撞到一堵砖墙试图修复IE7-8中的问题，其中下拉菜单项目在跳过时跳转 - 一些负边际规则正在应用于悬停（以及一个丑陋的块背景），我不明白为什么这发生在IE7-8而不是在其他浏览器（甚至IE6我工作正常！）。我已经在app.css样式表底部注释了我的尝试。基本上，下拉菜单覆盖了Twitter引导程序中的一些样式。在app.css应用自定义样式之前包含的内容。

这是[演示链接] [1]（目前只有辍学菜单样式是问题，我意识到顶级项目不是很清晰！）

Answer 1

悬停的背景是因为这个代码来自bootstrap.css行没有6.filter属性用于在ie.in行中应用渐变没有106 app.css所有属性都是覆盖但不过滤所以在那里是蓝色背景。

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: white;
    text-decoration: none;
    background-color: #08C;
    background-color: #0081C2;
    background-image: -moz-linear-gradient(top,#08C,#0077B3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08C),to(#0077B3));
    background-image: -webkit-linear-gradient(top,#08C,#0077B3);
    background-image: -o-linear-gradient(top,#08C,#0077B3);
    background-image: linear-gradient(to bottom,#08C,#0077B3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
    }

IE7和8 CSS菜单背景下拉悬停问题

1 个答案: