nth-child:奇数/偶数删除IE9上的td边框

时间:2012-06-20 18:15:57

标签: css css3 internet-explorer-9 css-selectors

我遇到了这个问题,我使用nth-child(odd)为表格着色。

在IE9中,它将TD描绘成正确的颜色,但是它们的边框不可见。有关如何解决此问题的任何想法?

示例可在此处找到:http://jsfiddle.net/tYSZW/7/

2 个答案:

答案 0 :(得分:3)

惊人。我添加了位置:相对于我的.CSS,现在边框出现在第n个孩子中!在存在背景颜色之前但不存在边框。

 .variations tr:nth-child(5n) td {
   background: none repeat scroll 0 0 #bbb195;
   filter: none;
   position: relative;

答案 1 :(得分:1)

删除此声明中的position:relative,它将起作用。

tbody td{
    font-size:12px;
    position: relative;
}