有关onmouseover改变行背景色的问题

代码如下：
<table width="100%" border="1">
<tr onmouseover="this.style.backgroundColor='#ffefa2'" onmouseout="this.style.backgroundColor=''">
<td>1</td>
<td>2</td>
<td bgcolor="#ccccccc">3</td>
</tr>
</table>

运行以后“3”所在的行背景色依旧没有变化，请问怎么解决这个问题？

6 个解决方案

#1

<tr onmouseover="this.bgColor='#ffefa2'" onmouseout="this.bgColor='#FFFFFF'" bgColor="#FFFFFF">

#2

请问你试过吗？我这里不行。3所在单元格背景色我是故意设为#cccccc的，但是这样一来onmouseover的效果对该单元格就不起作用了，我的问题就是这个。

#3

mouseover改变的得是行的背景，行的背景是在单元个背景下面的。如果单元个设置了背景。那么就会把行的背景盖住了。明白吗？

#4

这么说来这种效果是肯定实现不了了喽？好吧，谢谢了。我等两天再结帖。

#5

看看这个http://www.jbp-au.com/permian
左边的导航,看是不是你所要的效果.

#6

<table frame="void" width="160" border="1" cellspacing="0" bordercolor="#FFFFFF">
        <tr> 
          <td  onMouseOver="this.style.backgroundColor='#cccccc'" onMouseOut="this.style.backgroundColor='#f3f3f3'" align="center"  bgcolor="#f3f3f3"><font color="#006633"><a href="123.htm">我要变色-&gt;</a></font></td>
        </tr>
        <tr> 
          <td  onMouseOver="this.style.backgroundColor='#cccccc'" onMouseOut="this.style.backgroundColor='#f3f3f3'"  align="center" bgcolor="#f3f3f3"><font color="#006633"><a href="123.htm">我要变色-&gt;</a></font></td>
        </tr>