一般在开发管理系统的时候经常用到表格。使用表格格式时，通常先给thead部分的th或td添加背景色，再添加边框色。在这种情况下，浏览器基本正常显示，但是在添加position:relativetoth或td时，火狐浏览器会显示th或td的边框被覆盖，只显示一块没有边框的背景色，请查看在Firefox浏览器中如下，在Firefox浏览器中查看效果为什么要加position:relativetoth或td？我在开发系统的时候使用了bootstrap结合jquery.dataTables，不想用dataTables自带的图标主题就用了bootstrap.dataTable的主题。主题的图标是通过伪类:before和:after实现的，所以添加的position:relative其实是主题的一个小bug，导致Firefox浏览器只会显示背景色边框完全覆盖。方案一：去掉th的背景色，在nd的tr上填充背景色，可以彻底解决这个问题，如下。表{thead{tr{背景色：#4587E7；}th{位置：相对；颜色：#fff；}}}在火狐浏览器中查看效果方案二：给th设置一个z-index-1属性，可以彻底解决这个问题，如下。table{thead{th{位置：相对；z-索引：-1；颜色：#fff；背景色：#4587e7；}}}在Firefox浏览器中查看效果延伸阅读：http://www.w3help.org/zh-cn/c...
