邊框崩潰不能在IE10中工作

有沒有人遇到過在IE10中不工作的表上邊框崩潰的解決方案？邊框崩潰不能在IE10中工作

我在所需的網站上使用了表格，並且它們在所有其他瀏覽器中顯示效果都很好，但是由於IE 10的邊框很厚，

任何幫助讚賞

來源

2013-05-22 Tilly

你有演示如何顯示問題，如jsFiddle？ –

這是導致問題的頁面縮放。按ctrl + 0將縮放重置爲100％。任何其他縮放級別（進入或退出）都會導致邊框看起來更粗。我還沒有找到解決方案，可能沒有解決方案。 – Nicholas

@Nicholas我有類似的問題，它似乎是變焦渲染問題。考慮發佈你的評論作爲答案，我會upvote它。 –

上面的問題可能是幾個月大，但今天我碰到了同樣的問題，我想我至少可以提供一些可能的解決方案，即使它不是一個理想的一個。

正如問題所述，使用border-collapse會在IE10中產生厚邊框，即使沒有邊框可以加起來。當離開邊界崩潰時，邊界寬度保持其正常厚度。但是，在單元格之間留出邊框寬度會導致空間不足。

獲得所需結果的唯一可能的替代方法是根本不使用border-collapse。相反，使用'border-spacing：0px;'擺脫細胞之間的空間並非常明確地定義邊界。

例子：

這

table{ 
    border-collapse: collapse; 
} 
table td{ 
    border: 1px solid black; 
}

將成爲

table{ 
    border-spacing: 0px; 
    border-top: 1px solid black; 
    border-right: 1px solid black; 
} 
table td{ 
    border-left: 1px solid black; 
    border-bottom: 1px solid black; 
}

就像我之前說的：它的效果並不理想，但至少它會得到所需要的跨瀏覽器的結果。

注意： IE10中的問題只發生在使用1px的邊框寬度時。使用border-collapse時，1px的邊框寬度將導致2px：collapse;在IE10中。當使用較高的邊框寬度時，結果將是正常的。

來源

2013-07-24 15:52:09

它看起來像IE10已經解決了這個問題，但我來到這裏尋找IE9的解決方案，並發現它適用。 MS固定IE9的可能性接近0，所以這非常有用。 – ajeh

邊框崩潰不能在IE10中工作

回答

相關問題