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

相關文章
相關標籤/搜索