html 表格下边框不显示不出来,table 表格添加背景色边框显示不出来的问题解决...

table 元素设置relative时，在ie\firefox下背景颜色会覆盖边框，解决办法：

td在relative模式下，IE9不显示border,chrome正常显示边框

一个人的中台 发布于 2014/07/28 18:27

字数 215

阅读 3.8K

收藏 5

百度上怎么也搜不出答案，很奇怪的问题。在IE9的 F12调试中，明明td有1个像素的边框，偏偏不显示。

最后用bing搜索，找到老外的帖子。就立马解决问题。 这让我感觉像是，一般医生折腾也看不好病，好医生总能一语中的。对国外同行由衷佩服。/*这样不显示边框*/.thisTd

{

position:relative;

}/*第一个老外说这样，立马有边框*/.thisTd

{   z-index=-1;

position:relative;

}

但这样，td是显示在table之下的，当移动时，会被table的其它部门盖住。/*第二个老外说这样，成功*/.thisTd{    background-clip: padding-box;

position:relative;

}

原来背景也有边界的：决定背景会盖住哪些部分。background-clip: border-box    background-clip: padding-boxbackground-clip: content-boxbackground-clip: inherit

豁然开朗！