firefox下rowspan+border+border-collapse的bug
程序员文章站
2024-02-06 19:37:40
后查具体情况概述为:firefox+table rowspan+border+border-collapse:collapse; 表现情况是:第一行与最后一行正常,其余的中间行,全部都与预期的bo...
后查具体情况概述为:firefox+table rowspan+border+border-collapse:collapse;
表现情况是:第一行与最后一行正常,其余的中间行,全部都与预期的border不同。
先看示例吧:
经过验证,两种解决方法。
去除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。看解决前的代码:
解决后的代码:
ps.好象firefox 一直以来就有这个bug。问多久前有的?至少flock就有了
表现情况是:第一行与最后一行正常,其余的中间行,全部都与预期的border不同。
先看示例吧:
经过验证,两种解决方法。
去除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。看解决前的代码:
解决后的代码:
ps.好象firefox 一直以来就有这个bug。问多久前有的?至少flock就有了
上一篇: webpack+vue路由
推荐阅读
-
jQuery中如何完美解决Chrome下的mousemove事件bug?
-
IE及firefox下获取及设置样式值的代码_javascript技巧
-
这段代码在IE6下不正常,是IE6的bug么?_html/css_WEB-ITnose
-
msn上的tab功能Firefox对childNodes处理的一个BUG
-
IE与Firefox下javascript getyear年份的兼容性写法
-
关于php使用system()开启linux下的firefox,报错:Error:no display specified,该如何处理
-
这段代码在IE6下不正常,是IE6的bug么?_html/css_WEB-ITnose
-
Oracle 11.2.0.1在AMD CPU 64位硬件,32位操作系统下的BUG 8670579
-
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
-
IE和Firefox下javascript的兼容写法小结_javascript技巧