Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/10/2012, 10:28
zhengya
 
Fecha de Ingreso: octubre-2012
Mensajes: 16
Antigüedad: 11 años, 6 meses
Puntos: 0
imagen.style.visibility

Hola, me he encontrado con un problema con el evento " imagen.style.visibility". lo uso para q me "dibuje" una linea en la parte de arriba de mi menu. Es una imagen que por defecto esta oculta, y al pasar el ratón por encima, la hace visible. El código me funciona bien en explorer, firefox, pero no en el chrome.... cosa que me parece rara, os dejo pegado el código :


<body>
<div id="general">
<div id="cabecera">
<script>
function onmouseover_imagen(imagen){
imagen.style.visibility = "visible";
}
function onmouseout_imagen(imagen){
imagen.style.visibility = "hidden";
}
</script>
<div id="logo">
<img class="logo" src="img/logo.png">
</div>
<div id="social">
<img class="siguenos" src="img/siguenos.png">
<img class="faceico" src="img/faceico.png">
<img class="twico" src="img/twico.png">
</div>
<div id="barras">
<img id="imagen1" class="bdescubre" src="img/barramenu/descubre.png" style="visibility: hidden">
<img id="imagen2" class="bservicios" src="img/barramenu/servicios.png" style="visibility: hidden">
<img id="imagen3" class="bpromociones" src="img/barramenu/promociones.png" style="visibility: hidden">
<img id="imagen4" class="bchequesregalo" src="img/barramenu/chequesregalo.png" style="visibility: hidden">
<img id="imagen5" class="bnovedades" src="img/barramenu/novedades.png" style="visibility: hidden">
<img id="imagen6" class="bcontacto" src="img/barramenu/contacto.png" style="visibility: hidden">
</div>
<div id="menu">
<img onmouseover="onmouseover_imagen(imagen1);" onmouseout="onmouseout_imagen(imagen1);" class="descubre" src="img/descubre.png">
<img onmouseover="onmouseover_imagen(imagen2);" onmouseout="onmouseout_imagen(imagen2);" class="servicios" src="img/servicios.png">
<img onmouseover="onmouseover_imagen(imagen3);" onmouseout="onmouseout_imagen(imagen3);" class="promociones" src="img/promociones.png">
<img onmouseover="onmouseover_imagen(imagen4);" onmouseout="onmouseout_imagen(imagen4);" class="chequesregalo" src="img/chequesregalo.png">
<img onmouseover="onmouseover_imagen(imagen5);" onmouseout="onmouseout_imagen(imagen5);" class="novedades" src="img/novedades.png">
<img onmouseover="onmouseover_imagen(imagen6);" onmouseout="onmouseout_imagen(imagen6);" class="contacto" src="img/contacto.png">
</div>
</div>

</div>
<div id="footer">
<center>
<a class="pie">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXX</a>
</center>
</div>
</body>

Muchas gracias de antemano.