可以啊,用css3或者jq实现。
可以使用css3的奇偶选择器,如:
tr:nth-child(odd){background-color:#FFE4C4}tr:nth-child(even){background-color:#F0F0F0}
li:nth-child(odd)是设置奇数行的背景色,li:nth-child(even)是设置偶数行的。但是css3不兼容IE9以下的浏览器,如果需要考虑到兼容问题的话,可以使用jq设置,如:
$("table tr:nth-child(even)").css("background-color","#FFE4C4") //设置偶数行的背景色$("table tr:nth-child(odd)").css("background-color","#F0F0F0") //设置奇数行的背景色
没有错位,这是一种视觉错觉,你把图片放大几倍后就能发现,其实并没有错位!
建议奇偶行不要使用反差强烈的颜色作为背景色,应该选择相似色,或者深浅比较接近的颜色,就可以避免这种错觉产生。