边境崩溃在IE10中无效

时间:2013-05-22 02:36:41

标签: border internet-explorer-10 collapse

是否有人遇到过无法在IE10中工作的桌面崩溃的解决方案?

我在需要的网站上使用了表格,并且它们在所有其他浏览器中都可以正常显示,但是从IE 10开始,边框变得很厚。

任何帮助表示赞赏

1 个答案:

答案 0 :(得分:6)

上述问题可能需要几个月的时间,但今天我遇到了同样的问题,并且认为我至少可以提供一些可能的解决方案,即使它不是理想的解决方案。

正如问题所描述的那样,使用边框折叠会在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中。使用更高的边框宽度时,结果将是正常的。