在我的一个项目中,一个引导驱动的深色主题,subnav 中的下拉菜单在 IE9 中无法正确呈现。它在 firefox、chrome、opera 和 safari 中运行良好。我试图调试它,但无法找到问题。可能是什么问题?这是描述问题的两个屏幕截图 -
1)在 Firefox 中它工作正常。
2) 但在 IE9 中它显示为透明,即不渲染背景颜色。
我已经上传到我的服务器了。您可以在此处实时查看 - http://anujkumar.com/templates/dsadmin/
在我的一个项目中,一个引导驱动的深色主题,subnav 中的下拉菜单在 IE9 中无法正确呈现。它在 firefox、chrome、opera 和 safari 中运行良好。我试图调试它,但无法找到问题。可能是什么问题?这是描述问题的两个屏幕截图 -
1)在 Firefox 中它工作正常。
2) 但在 IE9 中它显示为透明,即不渲染背景颜色。
我已经上传到我的服务器了。您可以在此处实时查看 - http://anujkumar.com/templates/dsadmin/
Bootstrap 的.reset-filter()
mixin 也更少:
// Reset filters for IE
.reset-filter() {
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
}
它为我解决了完全相同的问题(Bootstrap ver.2.0.4)
开始调查问题的地方可能是subnav.css 文件中的 Microsoft Gradient Filter 。
当您删除以下 MS 过滤器属性时,下拉列表将显示在 IE 9 中:
.subnav {
...
progid: DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#1f1f1f', GradientType=0);
}