IE中的边框间隙答案

【问题标题】：Gap In Borders In IEIE中的边框间隙
【发布时间】：2012-03-08 05:24:42
【问题描述】：

我在 IE 中遇到了边框问题，如 here 所示。在 IE 9 中打开此页面，您会注意到欢迎框左角周围的伪影。当您移动鼠标时，它们似乎会跳来跳去。

我更改为任何较早的文档模式，该模式删除了半径，我可以更清楚地看到正在发生的事情。左下角的上下边框有明确的间隙。

我删除了除边框本身之外的所有样式（在 F12 工具中）。差距依然存在。这是什么原因造成的？

顺便说一下，该网站使用 Twitter Bootstrap。我不确定这会告诉你任何重要的事情。当我关闭 JS 时，差距仍然存在。

【问题讨论】：

【解决方案1】：

我通过删除 IE 中的圆角来“修复”这个问题。我是这样做的。

在所有页面中：

<!--[if IE]><html class="ie"><![endif]-->
<!--[if !IE]><!--><html class="not-ie"><!--<![endif]-->

在 CSS 中：

.ie * {
  border-radius: 0 !important;
}

这很糟糕，而且不对，但现在对我来说已经足够了。

【讨论】：