色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css表格單雙行 ie8

李思齊1年前6瀏覽0評論

CSS表格單雙行色是一種美化表格樣式的方法。在IE8中,需要注意一些問題。

/*CSS樣式*/
table{
border-collapse:collapse;
}
table tr:nth-child(odd){
background:#f2f2f2;
}
table tr:nth-child(even){
background:#fff;
}
table th,td{
border:1px solid #ddd;
padding:5px;
}

以上CSS樣式代碼可以實現(xiàn)表格單雙行色的效果,并且添加了表格邊框樣式和單元格內(nèi)邊距。但是在IE8中,可能會出現(xiàn)下列問題:

1. 表格邊框不顯示

這個問題較為常見,可以通過給table添加border-collapse:collapse;來解決。

2. 表格單雙行色不正確

IE8對:nth-child偽類支持不夠好,可以使用first-childchild-of-type代替。

table tr:first-child{
background:#f2f2f2;
}
table tr:nth-of-type(2n){
background:#f2f2f2;
}

以上代碼實現(xiàn)了每個表格的第一行和偶數(shù)行設(shè)置背景色。

總之,在IE8中實現(xiàn)表格單雙行色需要注意兼容性問題。以上方法可以解決較為普遍的問題,若還有其他問題,可以針對性解決。