jQuery和CSS - Z-指數

在下面的jQuery功能的z-index不能在IE7的工作，請大家幫我jQuery和CSS - Z-指數

<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的新手。

來源

2011-05-31 Sanket

不工作怎麼樣？你能提供一個jsfiddle的樣本嗎？ – Niklas 2011-05-31 14:46:12

我繼續爲你們放在一起：http://jsfiddle.net/WacfY/。我會幫助，但我沒有這個比較IE7。它適用於Chrome11。 – 2011-05-31 15:06:31

有關此錯誤的示例，請參閱http://www.brenelz.com/blog/2009/02/03/squish-the-internet-explorer-z-index-bug/。你必須給父元素一個更高的z-index才能工作。

來源

2011-05-31 15:11:58 Liam

像這樣？：http://jsfiddle.net/WacfY/3/（仍然沒有IE7檢查它） – 2011-05-31 15:16:39

我認爲父元素也必須有某種定位，比如'position：relative'。 – adamyonk 2011-05-31 16:42:41

它只在IE7中嗎？

看起來問題是float:left在第一個function。我知道z-index只適用於定位元素。 Float s沒有定位，所以不能接受z-index。請參閱http://reference.sitepoint.com/css/z-index

如果可能，請刪除float並以另一種方式定位span。

來源

2011-05-31 15:19:26

jQuery和CSS - Z-指數

回答

相關問題