Bootstrap 3 - IE9 Bug上的隐形下拉菜单。固定?

时间:2013-09-27 22:26:43

标签: javascript html css twitter-bootstrap-3

有人指出我使用Bootstrap 3

创建的网站包上的错误

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

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

1 个答案:

答案 0 :(得分:8)

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