jquery 和 CSS - Z 索引

Question

下面的 jquery 函数 z-index 在 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

它只在 IE7 中吗？

看起来问题出在第一个函数中的float:left。

据我所知，z-index 仅适用于定位元素。 Float 没有定位，因此不能接受 z-index。参见 http://reference.sitepoint.com/css/z-index

如果可能，删除 float 并以另一种方式定位 span。