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
豁然开朗!