Question

我遇到IE中的边框问题here。在IE 9中打开此页面，您会注意到欢迎框左侧角落周围的文物。当你移动鼠标时，它们似乎会跳转。

我更改为任何早期的文档模式，删除半径，我可以更清楚地看到发生了什么。左角的顶部和底部边框有明确的间隙。

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

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

Answer 1

我通过删除IE中的圆角来“修复”此问题。这是我如何做到的。

在所有页面中：

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

在CSS中：

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

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