边境崩溃在IE10中无效

Question

有没有人遇到过在IE10上工作的桌子边界崩溃的解决方案？

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

任何帮助赞赏

Answer 1

上面的问题可能会持续几个月,但今天我遇到了同样的问题,并认为我至少可以提供一些可能的解决方案,即使它不是一个理想的解决方案.

正如问题所描述的那样,使用边框折叠会在IE10中产生粗边框,即使没有可以添加的边框.当省略边界坍塌时,边界宽度保持其正常厚度.但是,省略边框宽度会导致单元格之间的空间.

获得所需结果的唯一可能替代方法是根本不使用边界崩溃.相反,使用'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中.使用更高的边框宽度时,结果将是正常的.