Rollover de un tr

oscar78 · #1 (**permalink**) 13/07/2005, 08:18

Hola a tod@s,

Tengo una tabla y he puesto en mi hoja de estilos una regla tal que:

Código:

tr:hover{background-color: #fff}

En firefox y en en opera funciona perfectamente cambiando el color del TR entero donde se encuentra posicionado el raton, pero ne IE (con quien si no?), no funciona.

Alguien sabe si se tiene que definir de otra manera o la alternativa para hacer el mismo efecto?

Gracias a todos!!

Daniel Ulczyk · #2 (**permalink**) 13/07/2005, 09:15

Recuerdo que ya se ha tratado en otro thread el comportamiento :hover vs IE.

Y es que IE sólo lo interpreta dentro de etiquetas <a> o sea, links.

Particularmente no he encontrado al respecto una solución en CSS pero en html lo he solucionado así.

<tr onMouseover="this.bgColor='#CC00FF'" onMouseout="this.bgColor='#660066'">

Lo tedioso de esta práctica es que cada <tr> necesita esta línea de código. Espero el hilo permanezca abierto en fin de encontrar una buena solución.

Saludos.

SiR.CARAJ0DIDA · #3 (**permalink**) 13/07/2005, 13:30

con javascript se ahorran ese trabajo:

Código PHP:

  <head> 
    <script type="text/javascript"> 
        function init_tabla() 
        { 
            t = document.getElementById('t1'); 
            for (var i=0;i<t.rows.length;i++) 
            { 
                t.rows[i].onmouseover = new Function("this.style.backgroundColor = '#FF0000';"); 
                t.rows[i].onmouseout = new Function("this.style.backgroundColor = '';"); 
            } 
        } 
    </script> 
</head> 
 
<body onload="init_tabla()"> 
<table id="t1"> 
    <tr> 
        <td>ASD</td> 
    </tr> 
    <tr> 
        <td>ASD</td> 
    </tr> 
    <tr> 
        <td>ASD</td> 
    </tr> 
    <tr> 
        <td>ASD</td> 
    </tr> 
    <tr> 
        <td>ASD</td> 
    </tr> 
</table> 
</body>

ramm · #4 (**permalink**) 13/07/2005, 16:03

Yo he optado por dejarlo solo con el CSS, y pues, que los que usen IE no lo vean, lastima por ellos.

Igual pasa con los campos d eun formulario y cualquier cosa, por mala implementacion de CSS en el IE.

Y es que odio ese tipo de hacks para hacer que algo funcione de x forma.

Claro, eso son cosas mias...XDDD