jQuery y CSS - Z-index

Question

En función de jQuery por debajo del índice Z no funciona en IE7, por favor me ayudan

<script> 
$(function() { 
    $('span').hover(function() { 

     $(this).stop().css({      
      'float': 'left', 
     'z-index':'15' 
     }).animate({ 
      marginTop: '0px', 
      marginLeft: '0px',    
      width: '200px', 
      height: '125px', 
      padding: '0px' 

     }, 700, 'swing'); 


    }, function() { 

     $(this).stop().css({    
      'border': '0px', 
      'z-index':'10' 
     }).fadeIn('slow').animate({ 
      marginTop: '0px', 
      marginLeft: '0px',    
      width: '40px', 
      height: '13px'    
     }, 700, 'swing'); 


    }); 
}); 

</script> 

ayuda muy apreciada. Soy nuevo en jquery.

Answer 1

Consulte http://www.brenelz.com/blog/2009/02/03/squish-the-internet-explorer-z-index-bug/ para ver un ejemplo de este error. Debe darle al elemento primario un índice z más alto para que funcione.

Answer 2

¿Solo en IE7?

Parece que el problema es con el float:left en el primer function.

Por lo que sé, z-index solo funciona en elementos posicionados. Float s no están posicionados y, por lo tanto, no pueden aceptar z-index. Consulte http://reference.sitepoint.com/css/z-index

Si es posible, elimine el float y coloque el span de otra manera.