Bootstrap 3 - IE9 Bug上的隐形下拉菜单.固定？

Question

有人指出我使用Bootstrap 3创建的网站包上的错误

请注意我的网站(使用Internet Explorer 9)下拉菜单显示阴影,但没有内容.也就是说,它们是装有隐形内容的盒子.(http://www.clipartillustration.com/)

我搜索并发现了一些类似的问题,但它们似乎没有解决我说的问题.

Answer 1

在bootstrap-theme.css的第158行中删除filter属性

.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(或类似的东西)