当前位置：首页 → 问答吧 → 简单的css隔行换色却不知咋错了！

简单的css隔行换色却不知咋错了！

时间：2010-10-08

来源：互联网

第一行居然无色。。。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页 1</title> <style> body {border:0px; font-size:12px; color:#FFFFFF; font-family:arial,verdana,geneva,helvetica,sans-serif,"宋体";} .listtext2 table { width:98%; border:1px solid #D0E3F2; margin:auto; border-collapse:collapse; } .listtext2 table tr {background-color:expression((this.sectionRowIndex==0)?"": (this.sectionRowIndex%2==0)?"#F7FBFF":"#FFFFFF")} .listtext2 table td{ border-collapse:collapse; border: 1px solid #D0E3F2; font:1.2em "宋体","Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; text-align:left; padding-left: 5px; height:2em; color:#ff0000; } </style> </head> <body bgcolor="#000000"> <div class="listtext2"> 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测 测试测试试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测 <A href="http:///">测试</A>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测测试测试   <TABLE cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD></TR> <TR> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD></TR> <TR> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD></TR> <TR> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD></TR> <TR> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD> <TD vAlign=top width=28> 测试</TD></TR></TBODY></TABLE> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: iou33449999 发布时间: 2010-10-08

IE6黑色

作者: bluedreamz 发布时间: 2010-10-08

你这段CSS“color:expression((this.sectionRowIndex==0)?"":
(this.sectionRowIndex%2==0)?"blue":"red")”我试了下 IE下支持，FF下不支持。。。