Tengo un div con una imagen y un texto.
Cuando se pasa el ratón por encima del div con un evento javascript sencillo de onMouseOver y onMouseout hago que la opacidad cambie, que sea 100% cuando se pasa el ratón por encima y 60% cuando está fuera.
Funciona a la perfección en el Firefox, pero en el Internet Explorer, a pesar de que he aplicado el filtro correspondiente si no me equivoco, el fecto funciona A MEDIAS.
Cuando paso el ratón por encima del texto del div, se ilumina, pero si pongo el ratón entre lina de texto y linea de texto, deja de iluminarse, es como si estuviera onMouseOut.
Esto acaba creando un efecto intermitente de iluminación cuando se pasa el ratón por encima del texto o entre el texto y la imagen.
¿por qué pasa eso?
¿tiene solución?
Aquí dejo la página de ejemplo para no poner todo el código:
Link aquí
Y dejo aquí un cachito de código :) El comienzo del div.
Código HTML:
<div class="cuerpoNoticia" style="filter:alpha(opacity=60);Moz-opacity:.60;opacity:.60" onmouseover="pointer(this);this.style.MozOpacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50">