jQuery और सीएसएस - Z- इंडेक्स

Question

jQuery समारोह z- सूचकांक नीचे में IE7 में काम नहीं कर रहा, कृपया मेरी मदद करो

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

मदद की बहुत सराहना। मैं jquery के लिए नया हूँ।

Answer 1

इस बग के उदाहरण के लिए http://www.brenelz.com/blog/2009/02/03/squish-the-internet-explorer-z-index-bug/ देखें। काम करने के लिए आपको मूल तत्व को उच्च जेड-इंडेक्स देना होगा।

Answer 2

क्या यह केवल आईई 7 में है?

ऐसा लगता है कि यह समस्या के साथ पहले function में है।

जहाँ तक मुझे पता है, z-index केवल स्थित तत्वों पर काम करता है। Float एस स्थान नहीं हैं और इसलिए z-index स्वीकार नहीं कर सकते हैं। देखें http://reference.sitepoint.com/css/z-index

यदि संभव हो, तो float हटाएं और span पर एक और तरीका रखें।