« javascript 类继承用法jquery实现chekcbox选中,取消操作。 »

firefox下border-collapse:collapse当table下有rowspan的bug

 遇到的bug截图(firefox下,ie没有问题)--注意talbe左上角1px 的bug

 

 

bug解决后的代码:

 

注意这一句代码:

border-left:1px solid #999999 !important; /*this solves border-collapse/rowspan bug in firefox 3 */
border-left:none;

bug表现:

在firefox里rowspan不生效...
后查具体情况概述为: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)

 

 

 

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 81206

湘 ICP 备 06003756 号
Copyright 山寨 Rights Reserved.