在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

回答