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

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

最后用bing搜索,找到老外的帖子。就立马解决问题。 这让我感受像是,通常医生折腾也看很差病,好医生总能一语中的。对国外同行由衷佩服。调试

/*这样不显示边框*/
.thisTd
{
    position:relative;
}
/*第一个老外说这样,立马有边框*/
.thisTd
{   z-index=-1;
    position:relative;
}

但这样,td是显示在table之下的,当移动时,会被table的其它部门盖住。
code

/*第二个老外说这样,成功*/
.thisTd
{    background-clip: padding-box;
    position:relative;
}

原来背景也有边界的:决定背景会盖住哪些部分。ip

background-clip: border-box    
background-clip: padding-box
background-clip: content-box

background-clip: inherit

豁然开朗!it

相关文章
相关标签/搜索