jQuery Forum

when you mouseenter your imap '#occulto' gets visible, cause this is on a higher level (z-index: 2) than your imap, in this moment mouseleave is called.

you can try this,
give your <div id="mapa"> a higher level

now mouseleave isn't immediatly called when you mouseenter your imap, now you only have to addapt the opacity of the image

I have tryed it, but the problem is that the layer <div id="mapa"> is inside a container layer, called 

how about this?


CSS

change #mapa

1. #mapa{
2. margin-top:5px;
3. margin-left:245px;
4. position: fixed;
5. z-index: 15;
6. }

js

1. $(document).ready(function(){
2.     // Cuando el mouse se pone encima de un elemento con el class=text
3.     $("#uno").mouseover(function(){
4.           $('#mapa').css({opacity: "0.3"});
5.           $("#oscuro").show();   
6.     });
7. $('#uno').mouseout(function(event){
8.           $('#mapa').css({opacity: "1.0"});
9.           $("#oscuro").hide();
10.       });
11. });

just have a look
http://jsfiddle.net/geSAX/