firefox下rowspan+border+border-collapse的bug
编程学习 2021-07-05 11:30www.dzhlxh.cn编程入门
好久没有发相关浏览器的坑了。今天同事cy发现，在firefox里rowspan不生效...
后查具体情况概述为：firefox+table rowspan+border+border-collapse:collapse;
表现情况是：第一行与最后一行正常，其余的中间行，全部都与预期的border不同。
先看示例吧：
[Ctrl+A 全选 注:]
经过验证，两种解决方法。
去除border-collapse
加上一个border-left或者border-right
无独有偶，后来搜索了一下，也有前人踩到了这个坑里，它的解决方法也是：border-left:1px solid #999 important;border-left:none的方法来解决。
(see detail:http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23698654.html)
好在可以通过border的错觉及颜色来解决这个问题。为了偷懒，我直接用上了对方的e.g。看解决前的代码：
[Ctrl+A 全选 注:]
解决后的代码：
[Ctrl+A 全选 注:]
PS.好象firefox 一直以来就有这个bug。问多久前有的？至少flock就有了
表现情况是：第一行与最后一行正常，其余的中间行，全部都与预期的border不同。
先看示例吧：
[Ctrl+A 全选 注:]
经过验证，两种解决方法。
去除border-collapse
加上一个border-left或者border-right
无独有偶，后来搜索了一下，也有前人踩到了这个坑里，它的解决方法也是：border-left:1px solid #999 important;border-left:none的方法来解决。
(see detail:http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23698654.html)
好在可以通过border的错觉及颜色来解决这个问题。为了偷懒，我直接用上了对方的e.g。看解决前的代码：
[Ctrl+A 全选 注:]
解决后的代码：
[Ctrl+A 全选 注:]
PS.好象firefox 一直以来就有这个bug。问多久前有的？至少flock就有了