Mozilla CSS bug:具有底部边框+边框折叠的表:导致随机边框出现和消失

时间:2009-12-15 19:21:00

标签: firefox border

当将一个底部边框应用于表格时,border-collapse设置为“折叠”,奇怪的随机底部边框出现在一些不同宽度的表格行下方 - 它们在滚动时显示和消失,有点像IE6“躲猫猫”;调整窗口大小,或切换到另一个应用程序并再次返回,使它们消失,滚动使它们再次出现。

这会影响所有Mozilla浏览器(Mac和PC),包括Firefox,Camino和Flock - 只有Mozilla浏览器。

示例:

http://platypusman.com/mozilla_table_border-bottom_border-collapse.html

CSS:

table.grid { border-collapse: collapse; border-bottom: solid 15px #ccc; }
table.grid td { border: solid 1px #ccc; padding: 5px; }

删除“border-collapse”可解决此问题。

它只是由桌面上的BOTTOM边框引起的 - 删除底部边框可以解决问题。 E.g:

table.grid { border-collapse: collapse; border: solid 15px #ccc; border-bottom: none; }
table.grid td { border: solid 1px #ccc; padding: 5px; }

1 个答案:

答案 0 :(得分:0)

这可能是由border collapsing rewrite修复的,它将包含在3.6之后的下一个主要Firefox版本中。