javascript - Bootstrap 3 - IE9 错误上的不可见下拉列表。使固定？

Question

有人指出了我使用Bootstrap 3创建的站点包中的一个错误

请注意我的网站（使用 Internet Explorer 9）下拉菜单显示阴影，但没有内容。即，它们是包含不可见内容的盒子。( http://www.clipartillustration.com/ )

我已经搜索并发现了一些类似的问题，但它们似乎无法解决我所说的问题。

Answer 1

在 bootstrap-theme.css 的第 158 行删除过滤器属性

.navbar {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  border-radius: 4px;

  /*Delete this line */
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);*/

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}

它使 IE 出错并迫使它表现得像overflow:hidden（或类似的东西）