滚动时,线条似乎会改变厚度

时间:2014-06-25 06:48:49

标签: html css

在最近的Firefox版本中,当页面在我的一个页面上滚动时,水平线会改变厚度。如果我滚动页面直到一条线变薄或消失,并将其留在该位置,它就会保持这种状态(滚动本身不是问题,屏幕上的位置是)。这些行在表格单元格的border-bottom属性中生成。我试图打开每个td的底部边框,以在每个tr之间创建一个水平规则。

IE,Chrome和Safari都表现得很好。 在FF中,如果我将边框折叠属性更改为“分离”,从“折叠”更改,则线条会表现,但我在每个td之间的线条中都有不需要的间隙。

查看Firebug中td元素的盒子模型,将3px边框底部转换为1px顶部边框和1px底部边框。 12px边框底部转换为5px顶部边框和6px底部边框。

我还没有能够在jsfiddle中复制行为,所以必须有一些其他属性来创建工件。因此,我不太希望得到一个有用的答案,除非某人发生已经打过这场战斗并识别症状。我现在正在使我的线条更粗更亮,以解决这个问题。效果仍然存在,但是当线条较粗时,眼睛并没有注意到它。

我认为我们不允许发布网址,否则,我会在网站上发布示例网页。

1 个答案:

答案 0 :(得分:-1)

给予margin-bottom -1它将解决问题。