1

我在 bootstrap.css 站点中使用选项卡式导航栏。在 IE8 中(甚至还没有费心查看其他 IE),与它在 Chrome 中的呈现方式相比,底部边框是关闭的。我已将其范围缩小到从 bootstrap 的 mixins.less 文件应用filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);的样式中存在 IE 渐变过滤器 ( ) 。.navbar-inner如果我从 css 中删除该过滤器,则 IE8 中的边距与 Chrome 中的边距匹配。

过滤器必须被移除。添加filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);似乎没有帮助。

我的问题是:为什么那个过滤器会改变布局?我能做些什么来改变这种行为?

是的,我可以删除过滤器,因为无论如何我都没有使用渐变。但我试图让 bootstrap 尽可能保持原样,只是在一个单独的 .less 文件中对其进行更改,该文件将被合并到最终的 bootstrap.css 中。

这是一个包含基本元素的 jsfiddle:http: //jsfiddle.net/ESEQ2/

要明白我的意思,您必须在 IE8 中查看它(可能还有其他 IE)。

感谢这里的任何帮助。提前致谢。

4

0 回答 0