我是靠谱客的博主 野性石头,最近开发中收集的这篇文章主要介绍firefox下rowspan+border+border-collapse的bug,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

后查具体情况概述为:firefox+table rowspan+border+border-collapse:collapse;
表现情况是:第一行与最后一行正常,其余的中间行,全部都与预期的border不同。
先看示例吧:


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经过验证,两种解决方法。
去除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 全选 注:如需引入外部Js需刷新才能执行]

解决后的代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

PS.好象firefox 一直以来就有这个bug。问多久前有的?至少flock就有了

最后

以上就是野性石头为你收集整理的firefox下rowspan+border+border-collapse的bug的全部内容,希望文章能够帮你解决firefox下rowspan+border+border-collapse的bug所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(126)

评论列表共有 0 条评论

立即
投稿
返回
顶部