colgroup标记不能在IE8中工作

我正在尝试创建一个数据表，其中我面临着很少的样式问题。colgroup标记不能在IE8中工作

1）我试图交替行应用TR不发射。

有没有什么办法可以应用交替式的风格，而不需要把所有TD的
与在每个TR .. ..？

2）COLGROUP工作在IE8，尤其是对准（的cols = A & SI资本配置，帽变量，一个& SI费用分配，指数VAR）

有什么办法申请解决这个问题

下面是代码：http://jsfiddle.net/yvJ75/1/

来源

2011-08-25 Ravi

您可以使用CSS3伪类nth-child（odd）和nth-child（even）。

我已经更新这里的代码：http://jsfiddle.net/yvJ75/12/

这些都是在CSS

/* 
.bg-oddrow { 
    background-color:#fbfcfb !important; 
} 

.bg-evenrow { 
    border-bottom:1px solid #dadada !important; 
}*/ 
table tr:nth-child(odd) td{ 
    background-color:#fbfcfb !important; 
} 
table tr:nth-child(even) td{ 
    border-bottom:1px solid #dadada !important; 
}

来源

2011-08-25 09:43:22

怎么样的浏览器兼容性的变化..？它不起作用在IE右 – Ravi

是的这个代码不能在IE6，IE7，IE8中工作，但从IE9工作。 –

我正在尝试针对IE7。 – Ravi

有什么办法来施加交流的风格，而不在每个TR传递类所有TD的..？

是 - 你可以将类像<tr class="even-row">和使用CSS选择像tr.even-row td应用背景<td>。这种方法适用于所有浏览器。您甚至可以使用tr:nth-child(odd)和tr:nth-child(even)，但这是css3 pseudo classes。

COLGROUP在IE8的工作，特别是与对齐（的cols = A & SI 资本配置，帽变量，一个& SI费用分配，指数VAR）有什么办法申请解决这个问题

你的意思是不工作？列仅接受边框，背景，宽度和可见性CSS属性。 Td's不会继承其他属性，因为它们不是col元素的直接后代（理解这一点后可以找到here）。最可靠的方法是在td上设置一个类，并设置td内容的风格。

来源

2011-08-25 09:43:11 easwee

colgroup标记不能在IE8中工作

回答

相关问题