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-child
和child-of-type
代替。
table tr:first-child{ background:#f2f2f2; } table tr:nth-of-type(2n){ background:#f2f2f2; }
以上代碼實現(xiàn)了每個表格的第一行和偶數(shù)行設(shè)置背景色。
總之,在IE8中實現(xiàn)表格單雙行色需要注意兼容性問題。以上方法可以解決較為普遍的問題,若還有其他問題,可以針對性解決。