日期:2014-05-17  浏览次数:20792 次

style属性和CSS的冲突问题
想在表格上做一个鼠标放上去就让那一行变色的效果,原理本来是这样的,很简单:
<tr  bgcolor=#ffffff onMouseOver="this.style.backgroundColor='#FFFF99';" onMouseOut="this.style.backgroundColor=''; this.style.cursor='hand';"></tr>

但是放到我那个table里面就就打死都显示不出效果,开始还以为是和EL表达式冲突了。后面到网上也没找到满意的答案,不过有个人的回答提醒了我,说是和CSS冲突了。
我一看,table里面用了CSS:<table align="center" width="90%" border="0" cellpadding="0" cellspacing="1" class="tb_data" id="tb_query">
然后我到CSS里面找到对应的定义:
.tb_data td{
background-color:#FFFFFF;
color:#666666;
height:22px;
}

原来是和这里定义的background-color属性冲突了,把background-color:#FFFFFF去掉就行了