Problemas con onmouseout entre capas
Publicado por Kike (1 intervención) el 13/11/2007 12:11:44
Hola,
me estoy volviendo loco con este problema, a ver si me podeis ayudar.
Tengo una capa que al pasar sobre ella muestra otra capa flotante (la llamaré "capa1") cuyo contenido son dos capas.
"capa1" tiene un onmouseout. Al salir con el puntero de "capa1" se ejecuta el onmouseout, todo perfecto, el problema es que al pasar con el puntero de una capa a otra de las que contiene "capa1", tambien salta el onmouseout. ¿como es posible esto? ¿que estoy haciendo mal? Me ocurre con IE6 y Firefox2
Os dejo el codigo:
Gracias de antemano.
Un saludo
me estoy volviendo loco con este problema, a ver si me podeis ayudar.
Tengo una capa que al pasar sobre ella muestra otra capa flotante (la llamaré "capa1") cuyo contenido son dos capas.
"capa1" tiene un onmouseout. Al salir con el puntero de "capa1" se ejecuta el onmouseout, todo perfecto, el problema es que al pasar con el puntero de una capa a otra de las que contiene "capa1", tambien salta el onmouseout. ¿como es posible esto? ¿que estoy haciendo mal? Me ocurre con IE6 y Firefox2
Os dejo el codigo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.hov { width:250px; height:250px; top:300px; left:300px; position:absolute; display:none; z-index:100}
.hov .div1 { width:250px; height:125px; float:left; background:green}
.hov .div2 { width:250px; height:125px; float:left; background:red}
</style>
</head>
<body>
<div id="cHover1" class="hov" onmouseout="alert('fuera');">
<div class="div1">aa</div>
<div class="div2">bb</div>
</div>
<div id="cFoto1" onmouseover="document.getElementById('cHover1').style.display='block';" style="width:200px; height:200px; margin:20px; background:yellow">Pasa por<br /> encima de mi</div>
</body>
</html>
Gracias de antemano.
Un saludo
Valora esta pregunta
0