引导css下拉菜单在IE9中未正确呈现。问题是什么?
在我的一个项目中,一个引导驱动的黑暗主题,subnav中的下拉菜单在IE9中没有正确渲染。它在firefox、chrome、opera和safari中运行良好。我试图调试它,但没能找到问题。有什么问题吗?下面是两个描述问题的截图- 1) 在Firefox中,它运行良好 2) 但在IE9中,它看起来是透明的,即它不渲染背景色引导css下拉菜单在IE9中未正确呈现。问题是什么?,css,drop-down-menu,twitter-bootstrap,internet-explorer-9,background-color,Css,Drop Down Menu,Twitter Bootstrap,Internet Explorer 9,Background Color,在我的一个项目中,一个引导驱动的黑暗主题,subnav中的下拉菜单在IE9中没有正确渲染。它在firefox、chrome、opera和safari中运行良好。我试图调试它,但没能找到问题。有什么问题吗?下面是两个描述问题的截图- 1) 在Firefox中,它运行良好 2) 但在IE9中,它看起来是透明的,即它不渲染背景色 我已经把它上传到我的服务器上了。您可以在此处查看它-开始调查问题的地方可能是subnav.css文件中的Microsoft 删除以下MS Filter属性时,该下拉列表将
我已经把它上传到我的服务器上了。您可以在此处查看它-开始调查问题的地方可能是subnav.css文件中的Microsoft 删除以下MS Filter属性时,该下拉列表将显示在IE 9中:
.subnav {
...
progid: DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#1f1f1f', GradientType=0);
}
此外,Bootstrap还有一个
.reset-filter()
较少的混入:
// Reset filters for IE
.reset-filter() {
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
}
它为我修复了完全相同的问题(Bootstrap 2.0.4版)这可能不是问题,但您应该修复您的搜索表单-您将其作为
的直接子代。除此之外,问题似乎与菜单栏的位置有关:固定代码>-无论出于何种原因,该下拉列表显示在正文后面。感谢您提醒我搜索表单问题。我会更新的。关于主要问题,我相信它不是在主体后面渲染的,因为它的边框和框阴影是可见的。由于未知原因,它的背景无法渲染。而且,没有一个菜单项是可点击的?