jQuery y CSS - Z-index - Excelente biblioteca

En función de jQuery por debajo del índice Z no funciona en IE7, por favor me ayudanjQuery y CSS - Z-index

<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.

Fuente

2011-05-31 Sanket

¿No funciona cómo? ¿Puedes proporcionar una muestra en jsfiddle? – Niklas

Seguí y puse uno para ti: http://jsfiddle.net/WacfY/. Ayudaría pero no tengo IE7 en esta comp. Funciona en Chrome11. –

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.

Fuente

2011-05-31 15:11:58 Liam

de esta manera ?: http://jsfiddle.net/WacfY/3/ (aún no es IE7 para comprobarlo) –

Creo que el elemento padre también tiene que tener algún tipo de posicionamiento, como 'position: relative'. – adamyonk

¿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.

Fuente

2011-05-31 15:19:26

jQuery y CSS - Z-index

Respuesta

Cuestiones relacionadas