在IE浏览器中的边界差距

我在IE浏览器的边框出现问题here。在IE 9中打开此页面，您会注意到欢迎框左侧角落的工件。当你移动鼠标时，它们似乎跳起来。在IE浏览器中的边界差距

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

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

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

2012-03-06 Tim Scott

指向您网页的链接不起作用。 – 2012-03-07 10:33:50

jsfiddle.net现场简化演示会很好。 – 2012-03-07 22:58:05

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

在所有的网页：

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

在CSS：

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

太差劲了，这是不对的，但它是不够好我现在。

2012-03-07 21:24:42

回答